UI/UX Design

Research, interaction and visual craft — with a portfolio that shows reasoning, not just screens.

1. Step 01

   Design foundations

   Layout, hierarchy, typography, colour and spacing systems.

   TypographyLayout

2. Step 02

   UX research

   Interviews, surveys, personas, journey maps and synthesising findings.

   Research

3. Step 03

   Interaction design

   Flows, wireframes, states, edge cases and error handling in the UI.

   Wireframing

4. Step 04

   Prototyping

   Figma components, auto-layout, variables, prototypes and design tokens.

   FigmaTokens

5. Step 05

   Design systems

   Component libraries, documentation and handoff that developers can build from.

   Design Systems

6. Step 06

   Portfolio

   Three case studies with problem, process, trade-offs and measurable outcome.

   Case Studies