An app idea for Travelog
How I designed a travel app for Travelog
Travelog is a travel website with deals all over SEA. The user can look for activities and hotel bundles at discounted price and also share their travel tips on Travelog’s social media network “Moments”. They currently do not have an app so here is my suggestion on how Travelog could look like, mobile version.
Objectives
It must be ensured that the app supports all the essential features of the website. These essentials features include:
- Booking a holiday package on a specific date and place.
- Filtering offers according to user preferences
- Post and share travel tips
Platform
The chosen platform is iOS. I have created an app design that follows iOS guidelines, in night mode, since it is highly in demand.
Target audience
- User persona 1: Judy is 23, she is a student. She wants a travel app that notifies her on the latest deals, set on personal preferences.
- User persona 2: Gabriel is 27, and when he goes on holiday he doesn’t plan much and doesn’t know what activities to do.
- User persona 3: Christina is 25. When she goes on a trip, she want to be able to book everything in one app, hotel, activities. Also, she want to be able to schedule a trip easily and share it with friends.
Deliverables
Visual mockups include:
- Home screen where the user can book the holiday package and start the search.
- Search result page with filtering and Map view
- Itinerary page
- Daily calendar where you can add the activities that will be done
- Social media feed
- Social media account
Based on the user personas, I have developed a calendar that would be easy to use and easy to share, thanks to the social media nature of Travelog. Any user that has an account on Travelog can send the calendar to another user and collaborate:
Since the Travelog app is both a travel app and a social media network, I had made sure not to overcrowd the bottom navigation bar with icons. Therefore, I have used the homescreen to optimize both hotel package fee and social media feed.
With a pen and paper low fidelity wireframe I came up with a homescreen layout that could support many features but also look “clean”:
And this is how the high fidelity homescreen looks like:
Also, instead of placing the setting icon in the navigation bar, I have placed it under the profile icon. The profile icon leads to both the personal social media page and the settings, since intuitively, users would look for the “people” icon to find any information related to their personal account:
Hope you have enjoyed this article, please make sure to have a look on my thought-process on other projects: A search suggestion for Flower Chimp and a redesign of Men’s Journal.
Hi, I’m Gwenn Le Pechoux, a Product Designer based in Kuala Lumpur, Malaysia. Here are some of my projects through my personal portfolio. And let’s connect on LinkedIn!
