FRAME 011080 × 640

UI/UX design, wireframe to prototype.

I design product interfaces in Figma: user flows, wireframes, and interactive high-fidelity prototypes. Recent work spans a transit navigation app, an Airbnb sign-up flow redesign, a crypto onboarding flow built on custom icons, and user personas for a meditation app.

Wireframing Prototyping User-Centered Design User Research Figma
02

Case studies

Team project
Routify app home screen showing start and stop route entry 1 / 3 · view all
ROUTIFY / TRANSIT-NAV

Routify · transit navigation

Public transportation app designed with a team, guiding commuters step-by-step between checkpoints, from route search to suggested-routes comparison.

Wireframe Lo-fi Hi-fi Prototype
View prototype ↗
In progress
CAMPUS-NAV / VOICE

Campus navigation, voice-guided

Wayfinding flows for students and visitors, designed alongside a voice-guidance build for the final-year project.

User flows Wireframe In review
Personal project
Airbnb listings browse screen 1 / 3 · view all
AIRBNB / SIGN-UP FLOW

Airbnb, sign-up & log-in redesign

Rebuilt Airbnb's full account access flow: from the nav menu, through the log-in/sign-up modal, to phone verification and social sign-in options.

Flow mapping Hi-fi Prototype
View prototype ↗
Personal project
Crypto app screen with custom illustrated icon 1 / 6 · view all
CRYPTO APP / CUSTOM ICONS

Crypto onboarding, custom shapes

Designed a crypto app onboarding flow built around custom illustrated icons and shapes made from scratch in Figma, from account creation through ID verification.

Custom icons Onboarding flow Prototype
View prototype ↗
Research
User persona card for Esther Ajao, meditation app user 1 / 3 · view all
MEDITATION APP / PERSONAS

User personas, meditation app

Built three user personas for a meditation app, translating research into goals, needs, and pain points to guide the design direction.

User research Persona design Synthesis
View prototype ↗
03

Process

User flows

Map the journey before touching a screen: what the user needs at each step.

LAYER 4

Low-fidelity wireframes

Structure and hierarchy first, no color or type decisions yet.

LAYER 3

High-fidelity screens

Real type, color, and spacing. The screens start looking shippable.

LAYER 2

Interactive prototype

Linked, clickable flows in Figma for testing and stakeholder review.

LAYER 1