PROJECT OVERVIEW
Girls’ Trip is a conceptual all-in-one travel app for planning and booking group getaways with your girl friends and family. Just pick a destination package and Girls’ Trip will take care of the accommodations, flights, transportation, and activities. Like having a personal travel agent at your fingertips.
My Role
UX DESIGNER
Time Frame
6 Weeks
Dot Hollobaugh
Avila Armstrong
Developer
Tools
Figma
Illustrator
Photoshop
GOAL
To create a convenient, digital-first platform that redefines group travel planning by integrating streamlined booking, secure payments, and in-app messaging, ensuring that only confirmed travelers are part of the experience.
PROBLEM
Planning a group trip is often complicated and time-consuming, requiring months of coordination. From organizing activities to booking accommodations, the process can be overwhelming. Managing payments adds another layer of stress. It’s challenging to ensure everyone pays and contributes which leaves planners unsure who’s truly committed.
MARKET RESEARCH
ARCHETYPES
USER FLOW
Starts with a social media ad that is base on their activity; like, post, or engagement. The ad directs the users to a landing page that highlights key features. After downloading the app and completing onboarding, users explore can start planning their first group trip, inviting friends along the way.
DESIGN SYSTEM
For the visual identity of Girls’ Trip across platforms. Our vision is to keep it fun, exciting, and playful. By using lifestyle photography featuring models having an amazing time to set the tone. Vibrant colors for backgrounds and buttons, enhancing the interactive feel. As for typography, we’ve chosen San Francisco Pro to keep it modern and Faster One to convey motion to those who seek adventure.
Web Accessibility
During the mockup design phase, I analyzed the color contrast ratios to ensure all text would be readable for users with visual impairments. I found that only 36% of my initial colors combinations met the WCAG (Web Content Accessibility Guidelines). By adjusting the brightness, saturation I was able to increase the number of compliant color combinations to 50% . This gave me more design flexibility while ensuring the interface remained accessible to all users.
FINAL DESIGN
Onboarding
From the beginning, our goal is to personalize the guest experience based on their activities, interests, hobbies, and budget. This helps us understand our audience and offer tailored recommendations, making Girls’ Trip the go-to choice for travel planning and inspiration for future trips.
Booking
Planning a group trip with friends and family can be challenging. We’ve simplified the process by providing personalized recommendations that are easy to share with friends, making booking just a few clicks away. Think of Girls’ Trip as your personal travel agent.
Landing page
Designed for our targeted audience who enjoys traveling with a group of friends and family. Our guest are directed to this specific page when they engage on our social media ad or sponsor post.
REFLECTION
This project offered invaluable insights, starting with a website landing page to promote a product and expanding to a mobile app. My team and I tackled key challenges, such as designing a personalized onboarding experience that feels intuitive by referencing dating apps, integrating messaging for seamless trip planning with friends without leaving the app, and creating a streamlined payment flow to simplify cost-sharing among travelers.
Some challenges that my team has faced.
Collectively as a team we have creative ideas of how the landing page should look and feel. After finishing the final mockup we’ve realize that we needed to scale back our design due to our limited knowledge of coding.
Be intentional with the colors you pick and always double check if it meets the web standards. With only 36% of colors being compliant there was a setback in our progress because we have to apply new colors to all our screens from text, backgrounds, buttons, and icons.