<CodeX/>
← Back to DesignUI/UX

TravelMate Trip Planner UI

Wanderlust-inspiring travel app design system with collaborative planning features

Client

TravelMate

FigmaOpen in Figma →
TravelMate Trip Planner UI

Tools Used

FigmaFigJamMapbox Studio

Project Overview

Created a comprehensive design system for TravelMate's trip planning application. The design needed to inspire wanderlust while providing practical planning tools for groups.

Design Highlights

  • Destination Cards — Photo-rich cards with weather, currency, and travel advisory at a glance
  • Itinerary Timeline — Visual day-by-day schedule with drag-and-drop reordering
  • Collaborative UI — Avatar stacks showing who's viewing, voting indicators, and comment threads
  • Map Integration — Custom map markers, route visualization, and point-of-interest clustering
  • Budget Tracker — Visual expense breakdown with currency conversion and split-bill UI

Gallery

TravelMate Trip Planner UI gallery 1TravelMate Trip Planner UI gallery 2TravelMate Trip Planner UI gallery 3TravelMate Trip Planner UI gallery 4
TravelMate Trip Planner UI | CodeX Design