User profile management app in Bootstrap & AngularJS

Winner
Contest winning design

Want to win a job like this?

This customer received 17 web designs from 4 designers. They chose this web design from Jay Patel as the winning design.

Join for free Find Design Jobs

  • Closed - Design Selected
  • Guaranteed

Web Design Brief

We have a single page web app with front end built on AngularJS and Bootstrap. There is a navbar on top and about 10 different views (user profile view, user profile edit, update-able list of items, help section, ...). At this point the app has functionality but no graphics or thought-out layout.

Need a designer to take the existing HTML, CSS (or even JS) files and modify and expand them to make the app look good. Find the existing HTML and JS files for the client attached. You'll need to download angular, bootstrap and ng-map libraries separately.

You can experience the code live at https://design.rsan.net/rsanportal.html

The templates provided are text-only but the result should contain a few icons for better visual experience. Some suggested areas for images include device types (email, cell phone, pager, landline phone, ...), status indicators (true/false, on/off, enabled/disabled, ...), navigation (expand/collapse, previous page/next page, ...), file download, CRUD management (add, edit, delete), help popups, etc

The resulting design and code should be mobile-friendly and handicap-accessible (Section 508 compliant).

Font desired: Univers family but not required, otherwise Arial
Only use color from the list provided in the attached file. Colors should not indicate a specific meaning and the whole design should be primarily blue (RGB R0 G103 B198) and white themed.

Allow for banner somewhere on top of page - about 530 x 100 pixels. Allow for a footer with an image on the left and 2-3 sentences of text (copyright, disclaimer, etc).

Info Icon
Updates

Project Deadline Extended Reason: A few designers asked us for an extension. Added Monday, March 9, 2015

Target Market(s)

general public, design for simplicity and ease of use

Industry/Entity Type

Cell Phone

Coding

Coded - Design and coding required

Number of Pages Required

5+ page


Font styles to use
Sans Serif
Other font styles liked:
  • Univers family preferred not required otw Arial

Look and feel

Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.

Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket

Requirements
Must have
  • Use blue (RGB R0 G103 B198) and white theme. Must be mobile friendly and handicap-enabled.
  • Icons: Use the three stroke weights; light, medium, bold.
  • Icons can be designed as outlines or solid silhouettes in two-dimensional form. Icons must be recognizable to a majority of the intended audience. Avoid fine lines and overly complex imagery.

Files
Download all files - 0.2 MB
PNG
c1 Thursday, 26 February 2015 19:06:37
Wednesday, March 11, 2015
PNG
c2 Thursday, 26 February 2015 19:23:01
Wednesday, March 11, 2015
PNG
c3 Thursday, 26 February 2015 19:23:04
Wednesday, March 11, 2015
PNG
c4 Thursday, 26 February 2015 19:23:09
Wednesday, March 11, 2015
PNG
colors Thursday, 26 February 2015 19:43:55
Wednesday, March 11, 2015
PNG
icons1 Wednesday, 11 March 2015 20:28:53
Wednesday, March 11, 2015
ZIP
Payments
1st place
US$560
Total
US$560

Project Deadline
13 Mar 2015 18:42:27 UTC
Language