Wayfarer
Wayfarer, where your travel plans come true!
The Problem
A multi-city vacation sounds exciting to almost anyone. However, the planning of it can be overwhelming. How can you design a tool that helps travelers plan a multi-destination tour? Help travelers create an itinerary that connects multiple points of interest. It should consider their desired length of stay in each location. In addition, it should offer low-cost transportation options.
Design Process
Understanding the problem, Empathizing with users.
User research into similar applications in the market.
Ideating
Refining ideas, adding key features to solve the problem
High fidelity UI
Ideation
Crazy Eights or in this case nine 😁
This exercise was done at the initial stage in the design process this made me put forth some creative suggestions which I could later analyze and decide their pros and cons.
Flow for Onboarding Experience
The Solution
- Allows you to easily add multiple cities in your trip.
- Day-by-Day Itinerary: Detailed daily schedules that users can customize.
- Integration with major booking platforms for seamless reservations.
- Search and compare options for flights, trains, buses, and car rentals.
- Intuitive Interface: A drag-and-drop interface to add, remove, and rearrange cities.
Final screens with High-fidelity UI
Typography and Colors
Typography
I have used a font pair of Lato and Open Sans across the designs, with Lato majorly used for all headings . Open sans is used for most paragraph texts. This font combination gives a clean readable and legible UI it goes well with the overall playful theme of the application. A bold font Outfit is used exclusively for the logo typeface.
Colors
Primary Color: Turquoise (#016D81) , Secondary Color : Coral (#F5907C)
4 Accent colors are used for specific ui elements along with a few neutral colors for text primary and secondary.
Turquoise gives a fresh, tropical feel, reminiscent of clear waters, while coral adds a vibrant, energetic touch. It is used for backgrounds and main UI elements, coral for accents and call-to-action buttons, and white for text and icons.
Onboarding - Customization Experience
Constraints
- Usability could be a constraint if an mobile app would needed to be developed, some features like the main navigation, the horizontally laid out itinerary will all have to be reworked to provide the best Mobile friendly experience.
- Due to time restrictions I could not do an extensive research that could help me identify target groups, identify the patterns in which people usually book vacations/trips.
