To Kei Fung
← Back to work

Case Study

A human-centred travel app connecting locals with explorers

A UX/UI project designed to support the post-COVID travel and tourism resurgence. The concept helps travellers and backpackers talk to local guides to find places to visit and things to do, offering locally curated recommendations and personalised experiences with people who know their city best.

TourismWireframingUX Design

Role

UX/UI Designer

Platform

Mobile

Timeline

8 weeks

Animated prototype demonstrating booking interactions

Project overview

Kick-starting a new project

  • Designed an intuitive mobile platform where locals could share hidden spots and personalised tours, and travellers could explore cities like a local.
  • Evolved early ideas into wireframes and a high-fidelity prototype guided by user needs and feedback.

Empathise & define

  • Identified two main user groups: local guides and explorers.
  • Mapped journeys, motivations, and pain points; trust, personalisation, and clarity of information mattered most.
  • Target users: local guides and solo travellers seeking authentic experiences.

User flow planning

  • Created separate user flows for both guides and travellers.
  • Reduced unnecessary navigation and added visual cues for task completion.

User flow

  • Created separate user flows for both guides and travellers.
  • Separate flows for guides and travellers with clear completion cues.
  • Reduced unnecessary navigation and added visual cues for task completion.
User flow map connecting travellers and local guides
Mobile wireframes showing itinerary and guide cards

Wireframing

Used low-fidelity wireframes to iterate on layout and structure.

  • Adopted a card-based layout to visually separate places, users, and info.
  • Kept navigation predictable while ensuring mobile-first responsiveness.
Hi-fi prototype screens for Local Guides app

Hi-Fi prototyping

Developed the visual design using a warm palette (yellow + orange) to convey friendliness and optimism.

  • Created clickable prototypes to simulate real interactions.
  • Conducted informal usability testing and applied feedback (e.g., icon changes, copy clarity).