Docker

Docker

Platforms: Web Responsive

Disciplines: UI, UX, Interaction & Marketing Website Design

My roles in the project included creating a visual design system, managing and refining the UI, wireframing, interaction design, updating specs and shared style guide, and hi-fidelity design.

mappen_webmappen_web

Whiteboarding the first time experience

 

Whiteboard-2Whiteboard-2

 

User Flow

 

Docker_12Docker_12

Wireframes

I sketched several new concepts for the dashboard & made medium-fidelity wireframes. 

WireframeWireframe

Updated Dashboard

Medium Fidelity Wireframes

 

High Fidelity UI (Dashboard 1.0)

 

3 Improvements based off usability testing

1. Provide actionable information on every page

2. Simplify navigation

3. clarify hierarchy of intent & separate primary and secondary actions

 

feedbackfeedback

Dashboard Explorations

Based on the feedback from the usability studies I explored various alternatives reorganizing the entire page. 

 

ExplorationsExplorations

Dashboard 2.0

Here's what ended up shipping after incorporating usability feedback. 

 

Docker_07Docker_07

Grid & Components

The visual style guide and component library were key design deliverables to hand off to developers for implementing my designs.

 

Docker_11Docker_11
Docker_08Docker_08
Docker_09Docker_09