Activate Light Mode
Final Design | Light Mode
Final Design | Dark Mode
Low Fidelity Wireframes
Styleguide
Typography
Colors/ Light Mode
K2D
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o,p, q, r, s, t, u, v, w, x, y, z.
A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z.
Colors/ Dark Mode
#0E1013
#83BCFF
#CDCDCD
#4F95FE
#FEFEFD
#83BCFF
#2C6ED2
#4F95FE
Audience Research
Age: 25-34
Location: App’s main target market is in the US. (60.20 users)
Gender: Male
Income : $150k +
Occupation: Mostly businessmen
Needs: Work, leisure travel, tracking the itinerary , time saving
Tripit users are mostly millennials,however, the largest age group of visitors are 25 - 34 year olds.
Audience interests reveal key details on the browsing interests of tripit.com's visitors. tripit.com's audience is interested in Finance > Banking Credit and Lending & travel.
Niki is socially very active student and she likes traveling in her spare time . Niki also enjoys music festivals and other entertainment events. She likes to have everything planned and ready to go before her trips.
Name: Niki Mourad
Age: 28
Occupation: Software Engineer
Location: Berkeley, Ca
Social Media
Free time
Travel
Extrovert
Safe and convenient travel
Time Management
Goals
Needs
Fast Service
User Friendly app
Confusing app Theme,
Lack of images and Icons
Frustartions
Persona
Design Goals
01. Visual Hierarchy
Improve visual elements and have consistency on app flow.
02. Clear Structure
Rearrange app’s provided information structure and make it easy for users to navigate while using the app.
03. Add necessary features
Accessible live chat with agents and help center.
Adding countdown functionality could make the user motivated on the app to keep track of the upcoming trips and spend more time.
Problems
Inconsistent UI
Choice of color palate makes it confusing for users to explore their itineraries and arrangements of information listed is overwhelming.App lacks visual hierarchy and there is also unnecessary inconsistency and some screens feel more modern some out of date .
Misleading
Amount of screens the users need to go through in order to reach customer service is long process. The app encourages something they don’t actually provide by showing message icon on the help center menu which can be misleading for users. It can be irritating to have to submit your concerns and questions rather than actually actually talking with live chat agent.
Overview
Tripit makes travel planning easy. However, Trpit misses key design elements thus, user could face challenging difficulties doing simple tasks. The Redesign study of Tripit app will help the brand offer its users better experience , understand competitive advantage the app holds and allow users to plan, edit and adjust their activities by using tripit more efficiently. This project aims to provide stronger brand identity and gain more loyal customers alongside increasing the app’s market position.
About TripIt
Tools
TripIt is travel and itinerary planner app. It is designed to help the users to keep the track of travel plans, get reminders and alerts during their time on trip. It allows users to plan their trip by simply forwarding their reservations to the app’s email address. Tripit is mainly used by travelers from North America, around 64% of its traffic rank
Adobe Illustrator
Adobe Photoshop
Figma
Google Survey
TripIt
UX/UI Project
Conclusion
The audience analysis of this project alongside user interviews raveled that having highest level visual quality and accessibility in travel apps categorization make users experience easier. This Redesign Project offers TripIt's new look and offers key additions, such as: Countdown and Live Support Chat.
Offering both light and dark mode can increase accessibility for users who may have difficulty with the default light mode. Some users may prefer a darker interface, particularly if they are sensitive to bright light or have visual impairments.
Users have different preferences when it comes to app design. Some users may prefer the traditional light mode while others may prefer the newer dark mode. Providing both options allows users to choose their preferred mode and have a more personalized experience with the app.
Navshop