Travelink

Travelink enables travelers to discover and book excursions and activities while also providing a platform for guides to post and promote their offers.

Year

2024

Client

Go IT Workshops

Project Type

UX Case Study / Team project

Role

Lead UX/UI Designer

Red sunglasses placed on a blue surface with starfish and seashells against a yellow background, Travelink logo above.

Project Overview

About Project

Travelink is a web application that allows travelers to discover and book excursions, activities, and entrance tickets worldwide. It also enables guides, whether travel agents or individuals, to post suggestions for these experiences.

Objective

Traveler users can sign up, create a personal account, search for tours and excursions by category or keyword, and book and pay for their chosen activities directly on the platform.

Guides or travel agents who wish to offer their services can create a guide page, and after verification, they can post their offers for travelers to browse and book.

My Role/Responsibilities

UI/UX Designer
Design system management

Project Stages

Overview of project goals, user goals, and business goals, followed by project stages Learn & Analyse and Design & Improve with detailed bullet points.
User Personas

The user wants to be able to create an account and manage their data. He want to use filtering based on appointment availability. He also want to search for doctors based on specialization and years of experience.

User persona profiles for Leonard, a 45-year-old senior project manager from Ireland, and Emily Thomson, a 32-year-old marketing manager from London, detailing their goals, pain points, and motivations.
The Structure

We focused on organizing content into a clear and logical hierarchy. The goal was to make navigation intuitive, ensuring users can quickly find what they need. We mapped out main sections, subpages, and user flows to create a seamless and engaging browsing experience.

Information architecture diagram showing the website structure with main sections Home, Tour page, Category, and Account, detailing their respective subpages and navigation flow.
Customer Journey

We analyzed each stage of the user’s interaction with the product — from first contact to final engagement. This helped identify pain points, motivations, and opportunities to improve the overall experience, ensuring every step feels smooth, intuitive, and meaningful.

User flow diagram for travel users and tour guide users showing steps from log in/sign up to booking or receiving an order with detailed actions at each step.
Design System

For the design system, we selected an existing framework and adapted it to match our key visual style. This approach ensured consistency across all components while allowing flexibility to reflect our brand’s unique identity and aesthetic.

Design kit showing fonts, color palette, website header and navigation menu, notification messages, a travel package card, and footer with app download buttons and social media icons.
Wireframes
Eight mobile app wireframe screens showing booking process, product listings, forms, and payment steps in grayscale.

Final User Interface Design

Travelink UI / Main Page
Travelink homepage featuring a beach scene with a bird figurine, search bar, popular tours, incredible destinations, special offers, and newsletter signup.
Mobile travel app homepage featuring a beach scene with a cartoon bird wearing a scarf, search bar, popular activities with destination images, special offers, and signup section.
Travelink homepage featuring a beach scene with a bird figurine, search bar, popular tours, incredible destinations, special offers, and newsletter signup.
Travelink tour booking page for Rome's Colosseum, Roman Forum, and Palatine Hill featuring images of the Colosseum and Roman ruins, ticket options, event details, user reviews, and a map location.
Travelink tour booking page for Rome's Colosseum, Roman Forum, and Palatine Hill featuring images of the Colosseum and Roman ruins, ticket options, event details, user reviews, and a map location.
Travelink search results page showing 12 tour options for Rome with images, prices, and ratings.
Travelink cart page showing Vietnam Tour 10 Days Package with options to adjust adult and child quantities, subtotal of US$ 400, and a Book now button.
Travelink booking page showing Vietnam 10-day tour form with user details filled, pricing summary, and navigation steps.
Travelink payment page showing credit/debit card input fields, PayPal option, booking summary for Vietnam Tour 10 Days Package, and a Pay Now button.

Project status

Project is live!

Please visit the nearest store of Max or Lifestyle in order to use the application. The application can be accessed by scanning the QR code placed inside the stores.

Travelink mobile app interface showing a travel search page, tour reviews, and travel offers alongside the Travelink logo and slogan.