Map-centric system unifying itinerary management and discovery
Map-centric system unifying itinerary management and discovery
Map-centric system unifying itinerary management and discovery

Trip Weaver is a mobile-first travel planning app designed to bridge the gap between spatial discovery and structured group coordination.

As the designer and developer, I engineered a "unified surface" where the map and itinerary co-exist seamlessly, eliminating the context-switching friction of traditional planning.

I focused on a core loop: AI-powered parsing of raw travel plans, real-time group voting, and a grounded expense system tied directly to the itinerary stops.

Trip Weaver is a mobile-first travel planning app designed to bridge the gap between spatial discovery and structured group coordination.

As the designer and developer, I engineered a "unified surface" where the map and itinerary co-exist seamlessly, eliminating the context-switching friction of traditional planning.

I focused on a core loop: AI-powered parsing of raw travel plans, real-time group voting, and a grounded expense system tied directly to the itinerary stops.

Year

Mar 2025



Tech stack

React, TypeScript, Vite

Gemini API, Supabase

Capacitor


type

Individual Project

Role

Product Designer & Full-stack Developer

DELIVERABLES

Functional iOS APP

Info Architecture

Interaction System

Background

Travel planning is currently fragmented across three "Islands"
Travel planning is currently fragmented across three "Islands"

Current travel planning workflow is fragmented across disconnected platforms, forcing users to manually manipulate at a high cognitive cost.

Current travel planning workflow is fragmented across disconnected platforms, forcing users to manually manipulate at a high cognitive cost.

Problem Statement

HMW bridge the gap between fragmented travel inspiration and collaborative, structured execution?
HMW bridge the gap between fragmented travel inspiration and collaborative, structured execution?

Research & Insights

Through workflow mapping, I identified two fundamental disconnects in how people currently attempt to plan complex trips:

The Cognitive Load of Toggling Between Space and Time

Current tools offer only geographical or chronological views, forcing users to manually verify route efficiency by constantly switching contexts.

The High Friction of Coordinate Group Ideas

Turning informal chat suggestions into structured plans is time-consuming. Instead, collaborative workflows should treat proposals as actionable data that can be converted into itinerary stops with a single click.

Design Strategy

The strategy is to create a unified surface by combining map interaction, data entry and group collaboration into a single automated ecosystem that preserves creative focus.

01
Map-Itinerary Symbiosis
Combine geographical context and chronological scheduling into a single surface.
02
AI-Powered Semantic
03
Collaborative Decision

technology

I designed the architecture to bridge the gap between flexible AI logic and deterministic data persistence, ensuring a high-performance environment for real-time group collaboration.

DEsign Principles

To ensure a coherent experience across the map and itinerary, I drafted two core design principles:

Principle #1

Spatial-Temporal Continuity

Principle #1

Spatial-Temporal Continuity

Principle #2

Grounding as a Default

Principle #2

Grounding as a Default

PRODUCTION

Design-to-Code in Parallel

I developed functional prototypes in parallel with UI design. This Design-to-Code workflow allowed for real-time validation of map interactions and used development as a diagnostic tool to stress-test the design system against technical constraints and API latencies.

I developed functional prototypes in parallel with UI design. This Design-to-Code workflow allowed for real-time validation of map interactions and used development as a diagnostic tool to stress-test the design system against technical constraints and API latencies.

Final Design

Travel with frictionless collaboration.

A map-centric interface that unifies discovery and scheduling on a single screen. Using a bottom-sheet layout, it allows users to manage trip stops while maintaining spatial context, seamlessly turning raw inspiration into a structured group itinerary.

Before

After

Turn Chaos into an Actual Plan
Turn Chaos into an Actual Plan

Eliminated the manual labor of itinerary creation by automating the extraction of structure from messy, unstructured sources.

Eliminated the manual labor of itinerary creation by automating the extraction of structure from messy, unstructured sources.

1. Lightweight info log

1. Lightweight info log

2. Collaborate from the beginning.

2. Collaborate from the beginning.

Synchronizing Where and When
Synchronizing Where and When

Unified the chronological schedule with the geographical route to reduce the cognitive load of spatial planning.

Unified the chronological schedule with the geographical route to reduce the cognitive load of spatial planning.

*custom marker jittering algorithm ensures individual pins remain interactive and legible, even when crowded.

*custom marker jittering algorithm ensures individual pins remain interactive and legible, even when crowded.

Reduce decision-making friction
Reduce decision-making friction

Moving informal group proposals into a structured, actionable pipeline.

Moving informal group proposals into a structured, actionable pipeline.

Contextual Spot Discovery
Contextual Spot Discovery

An integrated AI engine analyzes live itinerary context and geographic proximity to provide personalized spot recommendations that can be added to the schedule with a single click.

An integrated AI engine analyzes live itinerary context and geographic proximity to provide personalized spot recommendations that can be added to the schedule with a single click.

OUTCOME

Friction, Simplified

Reduced the journey from discovery to a coordinated itinerary from 6 manual steps to 2 integrated actions.

Decisions at Velocity

Consensus time for group choices dropped by replacing disorganized chat logs with a structured Decision Inbox.

If I had more time…

I would evolve the platform with immersive 3D spatial storytelling, robust offline synchronization for remote environments, and quantitative benchmarking to validate route optimization efficiency.

Home For More

Home For More

Home For More