UX/UI Design Summer 2024

TravelGigs

Travel App for Working Travelers

A travel app tailored for individuals with work-travel permits. Addressing a niche market, TravelGigs aggregates diverse job opportunities, from traditional roles to unique cultural exchanges, offered by hosts worldwide.

UX Research Survey Design Personas Prototyping
TravelGigs App

Project Overview

This case study was a collaborative effort with two other students, all passionate about pursuing careers in UX design. Our UX team designed TravelGigs, a travel app tailored for individuals with work-travel permits.

Software

Figma, FigJam, Google Form

Role

UX Research, UI Design

Team

3 people

Duration

Summer 2024

Survey Creation

We gathered insights from our target users to understand their specific needs and preferences. After collecting survey results, we moved on to competitor analysis.

Survey Creation

Company Analysis and Persona

We conducted a competitive analysis of existing market players to understand how they address similar user needs and identify gaps. This research informed our design strategy, highlighting opportunities to offer unique value.

To refine our approach further, we developed user personas based on research insights, representing key audience groups. These personas provided a deeper understanding of user behaviors, pain points, and expectations, ensuring our design decisions aligned with real user needs.

Company Analysis and Persona Company Analysis and Persona Company Analysis and Persona

User Journey

Building on persona, we created user flows to map out the ideal navigation paths within the product. It helps us to gain deeper insights into users' daily experiences and interactions with travel apps, which provided valuable context for our design.

User Journey Map

Sitemap & Low-Fidelity Wireframe

Using insights from the user journals, we created a site map to structure the app's content and functionality. Moving on to our low-fidelity wireframes, we began by brainstorming design inspirations and creating low-fidelity wireframes. Through several iterative meetings, we refined these wireframes into our final low-fi version.

Sitemap and Low-Fidelity Wireframes

High-Fidelity Wireframe

We proceeded to develop the high-fidelity design and interactive prototype. The full prototype is presented in the slide photo at the beginning of this case study page.

High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes
High-Fidelity Wireframes

Key Takeaways

Research-Driven

Survey data and competitive analysis provided crucial insights for design decisions.

Community Focus

Key features include friend-making, job reviews, and experience sharing.

Global Reach

Designed for diverse job opportunities from hosts worldwide.