RESPONSIVE WEB APP

Health Management

Role: UX Designer

My Process:

Responsive
Responsive

Desktop View
Desktop View

Mobile & Tablet View
Mobile & Tablet View

Responsive
Responsive

1/3

Sketches:

Mobile-First Responsive

 

 

 

 

 

 

 

 

 

 

 

 

Wireframes
Wireframes

Wireframes
Wireframes

Wireframes
Wireframes

1/2

Lo-Fidelity

Wireframes

 

 

 

 

UI Kit Style Tiles
UI Kit Style Tiles

UI Kit
UI Kit

UI Kit Style Tiles
UI Kit Style Tiles

1/2

UI Kit

 

 

 

 

 

 

Desktop
Desktop

Desktop with tasks expanded
Desktop with tasks expanded

Visual Design Iterations
Visual Design Iterations

Desktop
Desktop

1/6

Hi-Fidelity

Wireframes

 

 

 

 

 

 

Next Steps

 

  • Measure which features are used most and possibly rearrange priority

Prototype

 

We wanted the visual to convey:

  • Professional

  • Clean

  • Strong

  • Encouraging

  • Adult

  • Positive

 

This prototype of the Incentives section highlights the users progress and prompts them to complete In-Progress tasks. I incorporated gamification techniques as well.