Pockigo Mobile App Design
UX/UI Design · Mobile App

Pockigo

Tracking the Itinerary — Mobile Application

Role

UX/UI Designer

Duration

3 Months

Team

Group of 5

Tools

FigmaMiro · Zoom

Overview

What is Pockigo?

Pockigo is a travel planning platform that creates personalised itineraries based on users' preferences. Travellers can view, edit, and optimise their plans while accessing all essential information in one place.

This case study focuses on the mobile experience — specifically the "Tracking the Itinerary" task. While the web platform handles planning before travel, the mobile app is the companion during the trip itself.

Problem Statement

"Users struggle to stay on track and adapt their itineraries while travelling — needing real-time guidance, offline access, and easy modification on the go."

View Prototype →
Goals & Needs

What we set out to build

Business Needs

  • Offline access to itinerary data
  • Interactive map with route optimisation
  • Real-time location tracking — auto-updates the itinerary
  • Easy itinerary sharing with travel companions
  • Flexible modification and filtering
  • Activity rating system

Design Goals

  • Visually appealing and functional interface
  • Smooth and convenient navigation and tracking
  • Enable users to quickly find and choose alternative activities
Discover

Research & insights

We used the Double Diamond method, bouncing between stages as the project evolved. We started with 20 user interviews to understand how travellers manage their itineraries on the go, what frustrates them mid-trip, and what information they need most.

Key Insights from Affinity Diagram

01

Information Fragmentation

Users switch between multiple sources — maps, blogs, transport apps, reviews — just to access basic trip info during travel.

02

Personalisation & Flexibility

Plans always change. Users want to quickly adjust their itinerary and get smart alternatives when circumstances shift.

03

Social Proof

Users rely heavily on others' experiences when choosing activities. Ratings and reviews drive confident decision-making.

04

Route Optimisation

Users prefer to group nearby places and need clarity on transport options between stops to minimise wasted time.

05

Offline Accessibility

Travellers frequently lose connection abroad and need core itinerary details available without internet access.

06

Collaborative Planning

Groups need shared access so everyone can view and update the trip plan together in real time.

Competitive Analysis

Card Sorting

To define clear and intuitive activity categories, we ran a card-sorting session where participants organised activities into groups and named each cluster. This validated our category structure and helped us choose labels that match real users' mental models.

Define

Turning research into direction

We built a persona around a traveller who needs real-time guidance during their trip — someone relying on their phone to stay on schedule, adapt plans, and navigate efficiently.

A user flow was mapped for the core task: opening the app on arrival, viewing today's itinerary, tracking location, and modifying an activity on the fly. This guided every design decision.

Develop

Wireframing & iteration

After low-fidelity wireframing and usability testing, two major screens required redesign based on user feedback:

Home Screen Redesign

The initial home screen distracted users with too many options. The progress bar for the trip day was impractical. We redesigned it with a timeline view showing all activities, their scheduled time and location. Day/night activities are distinguished with sun and moon icons. Activity suggestions were removed to keep focus on managing the current day.

Itinerary Screen Redesign

We removed the unnecessary city photo for a cleaner layout, added a reservation section for quick access to bookings, highlighted the map button, and showed the user's current location at the top — including time and route to their first destination.

Itinerary Editing Redesign

Previously, deleting an activity required a long-press or tapping an edit icon. In the new design, long-pressing offers both delete and replace options. An Add Activity section was consolidated directly on the itinerary screen, creating a more focused editing experience.

Deliver

Final design

Green was chosen as the primary colour to convey life, movement, and the spirit of travel. Lighter and darker shades maintain visual harmony, while orange was selected as the accent colour to highlight key actions and bring energy to the interface.

All primary and secondary button colour combinations were tested for colour blindness contrast accessibility before finalisation.

View Prototype →

Next Project

Saving Faces — Website Redesign

View Case Study