Travel experience design for web and mobile
Design for Adobe XD Challenge: Key Screens, Interactive Prototype
The first-day challenge started with using an eye-catching image to give the user a visually appealing landing. My goal was to use a photo that has nature and a vehicle to create a sense of travel and calmness so I chose this gorgeous sailboat photo under the sunset. My color theme was formed around the background picture. Icons were chosen depending on the website content. The font family was chosen to complement the website's modern look and feel, and cursive font was added to use as tagline fonts to match the logo and create a charming look.
Given goals for the first 2 days challenge were:
The icons next to the name of the places in the suggestion drop-down are used to give the sense of what kind of place you will be visiting.
Survey results show that visitors noted the travel website lacked navigation aids. Designing a navigation experience that allows users to easily orient themselves was the next step in my design
To compete with other travel websites, designing an experience that highlights exclusive travel deals was the next step.
To reach more users, the travel site wants to launch a mobile app! Use auto animate to prototype an engaging splash and login experience for a travel app.
The mobile experience has the same components as the desktop experience to create consistency and familiarity.
Navigation kept in two separate levels; hamburger menu on top for personal information and support, bottom navigation is for travel information to make the user be able to use one thumb.
I focused on finding the destinations that a user would want to travel before booking. Getting as much information as possible in a short time to make the decision process easier is important since this travel site focuses on a specific country.