Connect Express Builders
Next generation energy connections for the construction industry
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