Define what to build and why before design begins. This phase focuses on clarifying user roles, and platform constraints to reduce rework later. Deliverables - User personas and role definitions - Core problem statements and success metrics - High-level user journeys and learning flows - UX strategy document aligned to business goals

Clear Product architecture for increasing efficiency and reducing confusion. This phase focuses on structure, navigation, and logical progression across the product. Deliverables - App-wide information architecture - Primary and secondary user flows - Navigation and screen hierarchy - Edge cases handling - Low-fidelity flow validation

Production-ready screens for the most critical parts of the product, optimised for usability, clarity, and business goals. Deliverables - Key user-facing screens and dashboards - Core task flows translated into UI - Empty, loading, and error states - Responsive layouts (web / mobile if required) - High-fidelity Figma screens

Reusable UI foundation that supports consistency and long-term product growth without repeated redesign. Deliverables - Colour, typography, and spacing system - Reusable UI components and patterns - Component states and variants - Accessibility-aware design decisions - Figma component library

Design assets so engineering teams can implement accurately and efficiently with minimal back-and-forth. Deliverables - Structured and annotated Figma files - Component usage and interaction guidelines - State definitions and behaviours - Naming conventions aligned with dev workflows - Optional async handoff walkthrough