xxxxxxxxxx
xxxxxxxxxx
Context
xxxxxxxxxx
Background
xxxxxxxx.
Objective
xxxxxxxxxx.
Team
Product designer
Developer
Product Manager
Tools
Workshops
Whiteboarding
Pencil on paper
Sketch
Invision
Deliverables
Wireframes
User & UI flow maps
Mid-fi prototype
Hi-fi prototype
Style guide
Timeframe
xxxxxxxx
Research & planning
xxxxxxxxxxx
xxxxxxxxxxxxxx
Personas & use cases
xxxxxxx
xxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx.
xxxxxxx
xxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxx
xxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
User flow map
This high-level process map shows key interaction points along the critical path.
Scope of work
xxxxxxxxxxxxx
xxxxxxxxxxx xxxxxxxx
xxxxxxxxx xxxxxxxxxxx
Ideation
Conceptual sketches
Wireframes
Mid-fidelity design
xxxxxxxxxxxxxx
UI flow map
Mid-fidelity screens
User testing results
Findings from user testing of the mid-fi prototype included:
xxxxxxxxxxxxx xxxxxxxxxxx
xxxxxxxxxxxxx xxxxxxxxxxx
High fidelity design
xxxxxxxxxx.
xxxxxxxxx
Styleguide
xxxxxxxxxxx.
Prototype
UI flow map
xxxxxxxxxxxx
Key screens
Design exploration
As with any design project, a variety of different visual and functional approaches were explored for various interface elements and interaction patterns. Here's a small selection....
Internal assets & markup
Outcomes
xxxxxxxxxxx
xxxxxxxxx
Key learnings
xxxxxxxxxx
xxxxxxxx
Next steps
xxxxxxxxxxxx