Lenny
back

Tripsafe

tripsafe Project

Role: UI/UX Designer

Scope: User Research, User Interview, Competitive Analysis, User Personas, Empathy Map, Customer journey Map, User flow, Hi-Fi Wireframes

Timeline: 10 weeks

Year: 2024

Location: Singapore Institute of Management (SIM), ION Hackathon

Tools: Figma, Canva

Project Overview

How to create an app to store travel documents?

One of the biggest struggles for international travelers faces, is collating different types of travel documents in an efficient manner. It is also time-consuming tasks of gathering various types of travel documents in the digital era.

Main Goal

The main goal is to assist travelers who often for oversea work, foreign universities to use a faster convenient app to showcase digital documents before they arrive at the arrival checkpoints.

Project Illustration

Imagine as a traveler...

  1. What information do you need to be aware when you have arrive my destination?
  2. What do you encounter when you provide your travel documents?
  3. How will you feel if you did not prepare or bring sufficient travel documents?
  4. How can I expedite the process as a traveler to clear at the immigration checkpoint?
Project Illustration

Design Process

Design Process Overview

Design Timeline (10 weeks)

Design timeline Overview

User Research

I conducted user research involving focus groups with locals or foreigners who have Permanent residents or citizenship, travels often in and out of Singapore. These insights from the interviews shaped our understanding of the target audience's needs and preferences, guiding the design strategy for conveniences and seamless experience.

Target Audiences

  1. Frequent business travelers
  2. Family Travelers
  3. International Students
  4. Senior Travelers
  5. Digital Nomad

Qualititve Research

I began to use quantitative research to gain deeper insights into the perceptions and interests of the target audience. By analyzing travelers' experiences through immigration checkpoints, I was able to better understand their user experiences and levels of familiarity with these processes.

User Interviews

user interview 1

User Interview 1

user interview 2

User Interview 2

Competitive Analysis

Design Process Overview

Empathy Map

Design Process Overview

Pain Points

Confused traveler illustration
  1. Time consuming to collate digital or physical documents
    Preparing and collating the necessary travel documents can be an incredibly time-consuming process. Travelers must gather both digital and physical documents, ensure that all paperwork is accurate and up-to-date, and align it with their flight schedules.
  2. Keeping themselves to update any changes of the visas
    Travelers may need to stay updated with frequent changes to visa regulations and requirements, which can be challenging and time-consuming. It also creates a significant stress and uncertainty for those planning international travel.
  3. Overwhelming Functionality of Travel Apps
    Travelers remain unaware of the full range of functionalities available in travel apps designed to manage and store travel documents. Many users are not familiar with these apps’ features or how they can streamline the organization of travel-related documents. This lack of awareness can lead to missed opportunities for simplifying travel planning and documentation management.

User Persona

Tom Willis’s persona comprises of three user interviews to summarize, by covering the basic information, along with a few detailed information to share about his user experiences as a traveler from his past trips. Crafting a comprehensive persona, is to illustrate and understand his needs and pain points.

Tom Willis User Persona

Customer Journey Map

Design Process Overview

User Flow

Design Process Overview

Design Solution / Prototype

TripSafe Introduction Screen
TripSafe Login Screen

Sketches

TripSafe Sketches

Description
After gathering research and pain points from the target audiences, I start by sketching the wireframes to visualize the concept of TripSafe and creating unique features to support user needs.

Mid-Fi Wireframes

Design Process Overview

High-Fi Wireframes

TripSafe Wireframes

Prototype preview

Key Takeaways

Learning & accomplishments

Further Improvements