Case Study

MOBILE ACCOUNT CREATION

Designed a responsive and mobile-friendly UI for the multiple levels of an in-depth website application navigation system.

Problem:

The original navigation was not responsive or mobile-friendly. The problem to resolve was to make the deep sub-levels of the navigation an easy and user-friendly experience on a mobile and tablet device; to be fully responsive and compatible with all website browsers.

Solution:

I created the new user interface design with the intention of keeping the user within the view of the screen of the smallest device possible (that the company¬†supports at this time), which is a mobile phone. The main challenge was the many sub-levels that tree down into the detailed areas of the website application’s multiple features. Using side-scroll (horizontal scrolling navigation) and fly-out sidebar navs, with multiple dropdown selections, I was able to accomplish the goal successfully.

Technology

SKILLS USED

Responsive Website Design
User Interface Design
User Experience Design
Prototyping
Wireframe Design
About process:
  • PHP Code

  • HTML

  • jQuery

  • Sass & CSS

  • Keyframe Animations

Related projects