Case Study

Turning travel planning from overwhelming to genuinely exciting

TravelMate is a mobile app that combines itinerary planning with intelligent hidden gem suggestions — designed to help travellers discover the unexpected while staying organised.

ClientTravelMate (Real client project)
PlatformMobile App + Web Landing Page
RoleUI Designer
Screens15 mobile screens
ToolFigma
TravelMate mobile app — three iPhone mockups showing login screen, destination discovery feed, and photo gallery
01 — Context

What is TravelMate?

TravelMate is a mobile travel companion that solves two problems simultaneously: organising your itinerary and discovering experiences you wouldn't find on a typical tourist list. The app suggests hidden gems based on the destinations a user is already planning to visit — making unexpected discovery a natural part of the planning process rather than a separate research task.

The client had a clear product concept and handled the initial UX direction. My role was to translate that vision into a high-quality mobile UI — one that felt as exciting as travel itself while remaining functional and easy to navigate. When the client later paused the project, they gave permission for the work to remain in my portfolio.

02 — The Design Challenge

Making discovery feel natural, not like a feature

The core UX tension: travel planning apps are organised and structured, but travel discovery is serendipitous and emotional. The UI needed to hold both qualities without feeling split — a planning tool that still sparked excitement.

🗺️

Two modes, one flow

Itinerary management (structured, task-based) and destination discovery (visual, emotional) needed to coexist in a single coherent navigation structure.

📱

Mobile-first content density

Travel content is inherently rich — images, locations, schedules, maps. Showing enough to be useful without overwhelming a small screen required careful hierarchy decisions.

Hidden gems UX

The suggestions needed to feel like personal recommendations, not an algorithm. Visual presentation of destinations had to feel curated and trustworthy.

📅

Schedule + calendar integration

The itinerary management screen needed to connect to Google Calendar — requiring a clear, simple UI for what is typically a complex integration.

03 — Approach

Visual-first, structure underneath

The design language leads with bold destination photography — travel is visceral and the UI should feel that way. Structure (schedules, lists, forms) sits underneath the visual layer, accessible when needed but never dominating the experience.

1

Discovery feed as the home screen anchor

The home screen leads with the Discover feed — a visually rich grid of destinations categorised by All, Destinations, Schedule, and Experiences. Users feel inspired before they start planning.

2

Integrated schedule management

Below the discovery content, the home screen surfaces the user's current schedule — upcoming trips, editable entries, and a Google Calendar connect prompt — so planning is always one scroll away.

3

Destination detail with photography-led layout

Individual destination screens use full-bleed imagery with location tags, making each destination feel like a curated recommendation rather than a database entry.

4

Web landing page for app discovery

Designed a marketing landing page where users learn about TravelMate and download the app — consistent visual language with the mobile app but adapted for a wider screen format.

04 — Screens

Selected screens

TravelMate home screen — Discover feed with destination cards and schedule management section

Home — discover feed + schedule

TravelMate destination screen — full-bleed photography grid showing international travel destinations with location pins

Destination discovery screen

05 — Outcomes

What was delivered

15
Mobile screens designed
2
Platforms — mobile app + web landing page
1
Coherent design language across both
06 — Deliverables

What was handed off

15 High-Fidelity Mobile Screens Web Landing Page Discovery Feed Design Itinerary Management UI Destination Detail Screens Mobile-First Components Dev-Ready Figma File

Building a consumer mobile app?

I design mobile experiences that balance visual richness with functional clarity — from discovery feeds to complex scheduling flows.

View all work Hire me on Upwork ↗