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