Triplan App

UI/UX and Graphic Design
Project Overview
Triplan is a mobile app designed to help travellers plan their road trips! The app provides a list of suggested itinerary and also gives the users the ability to create a new plan, based on their preferred type of road trip and other options.
My Role
I designed User Experience and User Interface of this project, and performed the following tasks:
  • Ideation and User Research
  • Sketching and Wireframing
  • Prototyping with Figma
  • A/B Testing and Usability Testing

Design Process

I used a 5-stage Design Thinking model proposed by the Hasso Plattner Institute of Design at Stanford (the "d. school"). The stages of this Design Thinking process are as follows:
1. Empathise, 2. Define, 3. Ideate, 4. Prototype, 5. Test.

Design Toolkit

Featured Trips

Users can view the suggested road trips or start a new plan in this screen. Horizontal scroll is used to make it easier for users to navigate through the content.

Trip Planning

In this screen, the user can choose the origin and destination of the trip, duration, type of the road trip, and places to see along the way. The app then suggests the best route based on the users' preferences.

Miro Board

Miro is a design toolkit that can be used to create design flows, organise insights and collect feedback. I used a Miro board in this project to document and organize the project deliverables and different tasks including:

Style Guide

I used Zeplin to generate the style guide, including the colors, text styles, and components.


Triplan app is designed to be accessible and usable for everyone. I used the accessibility standards and guidelines like W3C's Web Content Accessibility Guidelines (WCAG) 2.1 and Google's "Accessibility for Teams" to bring a better experience to the user.