Figma Designs
A collection of my UI/UX design projects and prototypes
Process
My Design Roadmap
A structured approach — from discovery to launch and beyond.
Define the Problem
Clearly understand what you're trying to solve, for whom, and what the goals are. Align all stakeholders before anything else.
Market & Competitor Research
Analyse competitors' strengths and weaknesses. Build personas to understand your target users.
User Research & Validation
Surveys, interviews, analytics. Run smoke tests to validate real demand before committing.
Sitemap
Organise content, define scope, prioritise features.
Low-Fi Wireframing
Sketch concepts and flows. Explore options early.
Usability Testing
Real users, real feedback. Identify friction and iterate.
Prototyping
Interactive prototypes to test workflows. Refine animations and transitions.
High-Fidelity Design
Detailed UI with colour variables, typography, and components. Adaptive design with all states defined.
Design System & Brand Identity
Brand guidelines and a reusable design system in Figma or Token Studio.
Technical Review
Validate feasibility with engineers. Discuss constraints.
Documentation
Dev-ready Figma files, component examples, design tokens.
Analytics Setup
Define success metrics. Configure tracking events before launch to collect valuable data.
Launch & Monitor
Ship the product, monitor performance, collect feedback, and identify improvements.
Iterate & Maintain
Continuously iterate based on data and feedback. Keep the design system alive and share learnings with stakeholders.