- Discovery Summary
Competitive audit, Customer Journey Map (CJM), User Journey / Flow Diagrams
- Information Architecture
Diagrams outlining how users navigate and interact with the product.
- Wireframes (Low to Mid Fidelity)
Early layout concepts to define structure and UX before visual styling.
- High-Fidelity UI Design
Pixel-perfect, responsive screens in Figma that reflect the final product look and feel.
- UI Kit / Design System
A reusable component library including:
Typography and colour styles
Buttons, forms, inputs, icons
Spacing, grid, and layout rules
States (hover, active, disabled)
This ensures consistency across the product and accelerates future design and dev work.
- Clickable Prototype
Interactive mockups to simulate key flows and gather feedback before development.
- Developer Handoff
Organised Figma files with specs, redlines, and implementation notes to support a smooth build.