Pockigo Website on Desktop
UX/UI Design · Website

Pockigo

Travel Planning — Website Design

PROJECT OVERVIEW

PRODUCT

Website

TEAM

Team of five

MY ROLE

UX/UI Designer

DURATION

3 Months

What is Pockigo ?

Pockigo is a travel planning platform designed for both web and mobile.

On this case study we worked on the first task "Getting a personalized itinerary" on the web.

We worked on the second task "Tracking the itinerary" on mobile in another case study.

View Prototype

Business Needs

Design Goals

Research and Design

Research
Discover
  • User interviews
  • Affinity Diagram
  • Competitive Analysis
Define
  • Persona
  • Scenario
  • User flow
  • Card sorting
  • Site map
Design
Develop
  • Mid Sketch
  • Low fidelity
  • Mood Board
  • Mid fidelity
Deliver
  • User Testing
  • Iteration
  • High Fidelity Designs
  • Prototype

We started the research for "Getting a personalized itinerary" on the website.

Discover

Discover

Interview

We started by conducting interviews with 20 potential participants to understand their common needs and pain points.

Affinity Diagram

Common User Needs and Pain Points

Affinity diagram — Activity categories, Detail of activity, Access & Distance themes from user interviews

Comprative & Competitive analysis

We looked at some of the most popular travel planning platforms and compared their features side-by-side and analyzed how closely they compare to what we're building. These insights guided our design decisions, ensuring the user interface directly addresses unmet needs and delivers a smoother experience.

Comparative analysis table

We identified Tripadvisor, GetYourGuide, and Tripographer as our main competitors and analyzed their weaknesses:

Competitive analysis table

By studying these pain points, we ensured Pockigo avoids the same issues. We also drew from their strongest features to create a user flow that is intuitive, efficient, and easy to follow for our target audience.

Persona

To define key tasks for our design and clearly convey the user insights gathered during research, we created a persona along with a scenario.

Persona — Bahar, Traveller, 28, Graphic Designer

Task Flow

Task Flow — Start, Get itinerary, Where to?, When do you wanna go?, Who is coming with you, Select your interests, Name your itinerary, Submit, Exploring the itinerary, End

Scenario

Bahar is gonna travel to Granada, Spain with a friend for the first time. She needs an itinerary suitable for a friends trip. She opens Pockigo's website and start to get an itinerary. She answers the questions about the destination, date and choose their interests. She gets the itinerary and shares it with her friend.

Card sorting

To organize the categories and find the most suitable labels, we conducted a card sorting exercise with 6 participants. Based on the definition of our task, we explored activities in Granada and used card sorting to identify and refine the appropriate category names.

Card sorting categories

Site Map

Site Map — full hierarchical structure

Mood Board

The mood board defined Pockigo's visual tone — friendly, modern, and adventurous — and guided every colour, type and imagery decision in the high-fidelity stage.

Pockigo mood board — competitor inspiration, travel imagery and proposed colour palette

UI Kit

A complete UI kit was built to ensure visual consistency across every screen — covering typography, colour palette, grid system, iconography, CTAs, components, cards and the menu pattern.

Pockigo UI Kit — Typography, Color Palette, Grid System, Icons, CTAs, Components, Logo, Spaces, Menu and Cards

Mid Fidelity version 1

Home page

Homepage variation 1
Homepage variation 2

Itinerary Page

Itinerary Page

Map View

Map View

Activity Card

Activity Card

Category Page

Category Page

High Fidelity

Final visual design system applied to all screens — colour, typography, components and imagery brought together into a cohesive product.

Getting Itinerary Process

High fidelity — Getting Itinerary process: Where to, When, Who is coming, Select interests, Name itinerary

Homepage · Itinerary · Booking Process

High fidelity — Homepage, Itinerary timeline, and Booking Process screens

Prototype

Interactive end-to-end prototype of the personalised itinerary flow.

View the Prototype

Next Project

Pockigo — Mobile App

View Case Study