Wayfarer

Responsive UI Design & Onboarding System

Designed to give users a clear, engaging entry point into a travel discovery platform built around personalized destination recommendations.

Developed a high-fidelity responsive homepage and multi-step onboarding experience for a travel platform serving frequent travelers seeking destination ideas curated by AI. Work covered visual system development, responsive layout, and a structured signup sequence designed to collect user preferences across a logical, approachable progression.

Built a consistent design language across typography, color, imagery, and layout and applied it across desktop and mobile breakpoints. Each screen was considered independently at each size rather than simply adapted from desktop.

Homepage Design

Designed a full-width hero layout leading with immersive travel photography and a clear search prompt. Destination cards, editorial sections, and persistent navigation were structured to maintain visual hierarchy and brand tone across screen sizes.

4-Step Onboarding Modal

Developed a multi-step signup experience collecting user details, travel interests, adventure preferences, and experience level. Used a step progress indicator, interest selection tags, and range sliders to keep each screen focused and on-brand. Closed with a confirmation screen.

Role

UI and visual design
Responsive layout and breakpoint design
Multi-step form and modal design
Typography and color system development
High-fidelity mockups in Figma