
STEP 1
Sketch the End Picture
You start with the simplest possible representation of the final product. This is not a polished UX map or design, it’s a rough, conceptual and annotated map of things like:
- Core screens
- User needs
- Flows
- Components
- Lists of features and potential functionalities
For example, for a banking app, this might include:
- Home dashboard
- Transaction feed
- Credit score widget
- Spending insights
- Notifications
- Product upsells
This is the “hypothesis” of what the final app must contain.
Its purpose is to provide enough clarity to team members to be able to extrapolate the needs and requirements when working backwards.
Activities
- Vision sketching workshop
- Rough wireframing
- High-level IA creation
- Feature inventory discussion
Frameworks / Tools
- Low-fidelity wireframes
- Information Architecture (IA) map
- Screen inventory / sitemap
Outputs
- High-level future-state sketches
- Rough wireframes and IA
- Initial feature / flow inventory
Who attends
- Product Lead
- Lead Designer
- Lead Engineer
- Architect (optional but useful)
How long
- 2 hours
Notes
A single session is enough.
It should stay lightweight and avoid detail.
