Back to Projects

UX/UI Design + web development

trip share

Web App

Project Introduction

'Trip Share' is a user-friendly travel planning web app designed to simplify the process of creating travel itineraries and managing trip expenses among friends. The app aims to streamline group travel planning and post-trip expense reconciliation, allowing users to effortlessly track and settle shared costs.

My Role
UX/UI Designer & Developer
This is Personal Project.
Skills
TypeScript
Next.js
Node.js
React.js
Time Frame
8 Months / 2023 - 2024
Project URL
https://trip-share-alpha.vercel.app/auth/login

Background

The idea for 'Trip Share' stemmed from the common hassles encountered during group travels. Coordinating schedules, managing budgets, and reconciling expenses often lead to confusion and disputes. Recognizing this need, I developed 'Trip Share' to provide a seamless experience where users can collaboratively plan trips, log expenses, and ensure clear and fair financial settlements.

Target Users

'Trip Share' is targeted towards tech-savvy travelers, particularly young adults and friends who frequently travel together. The app is ideal for those who prefer a straightforward and efficient tool to manage travel plans and expenses, minimizing the time spent on logistical concerns and maximizing enjoyment.

User Persona

Background:
Jane is a marketing professional who loves traveling with her friends during long weekends and holidays.
Needs:
Jane needs a tool to help her coordinate trip details and expenses easily with her friends, ensuring clear communication and financial transparency.
Goals:
To have stress-free travel planning and accurate expense tracking to avoid financial misunderstandings.
Background:
Alex is a freelance photographer who frequently travels for both work and leisure, often with a group of friends.
Needs:
Alex needs a reliable app to log shared expenses and manage reimbursements seamlessly to maintain focus on his creative work during trips.
Goals:
To minimize the hassle of managing trip finances and ensure all costs are fairly distributed among his travel companions.

Problem Statement

How can we provide a simple yet effective tool for friends to collaboratively plan their travel itineraries?

How can we ensure transparent and hassle-free expense tracking and settlement for group travels?

What features are essential to maintain a balance between functionality and simplicity in a travel planning app?

User Flow

With the initial UX research and planning complete, we created a site map to outline the essential pages for the MVP. Then, we outlined the user flows (and various task flows within) to see the UX flow from a bird's eye view.

Branding

The branding of 'Trip Share' is designed to reflect simplicity, clarity, and ease of use. The visual design is clean and intuitive, with a focus on a minimalistic user interface that highlights essential functionalities without clutter. The color palette is calming and inviting, encouraging users to feel at ease while planning their travels.

Hi-fidelity wireframes

We build high-fidelity wireframes. We focused on building a wireframe for each task to check the flow and make the entire system cohesive.

App Entire Hi-fidelity Wireframes

Final Features

Development

I am excited to present a website that I fully developed using Next.js, TypeScript, and Supabase. As both the designer and developer, I took complete ownership of this project, ensuring every detail was meticulously crafted. To explore the result of my work, please click the button below to visit the website.

Conclusion & Reflection

Creating 'Trip Share' has been an enriching journey, from the initial concept to the final implementation. This project not only honed my skills in UI/UX design and full-stack development but also deepened my understanding of user needs and behaviors. By focusing on essential functionalities and a clean, intuitive interface, I aimed to provide a solution that simplifies group travel planning and expense management. Reflecting on this project, I am proud of the practical value 'Trip Share' offers to its users and excited about the potential for future enhancements based on user feedback. This experience has reinforced my passion for creating technology that brings people together and makes their lives easier.