


INTRO
In this competition, there are five themes to choose from, and I decided to create a travel app. After conducting some research, I discovered that most existing travel apps don't offer virtual reality features. This inspired me to explore the idea further and develop an app that allows users to experience destinations through immersive VR view making travel planning more exciting, interactive, and informative.
INTRO
In this competition, there are five themes to choose from, and I decided to create a travel app. After conducting some research, I discovered that most existing travel apps don't offer virtual reality features. This inspired me to explore the idea further and develop an app that allows users to experience destinations through immersive VR view making travel planning more exciting, interactive, and informative.
INTRO
In this competition, there are five themes to choose from, and I decided to create a travel app. After conducting some research, I discovered that most existing travel apps don't offer virtual reality features. This inspired me to explore the idea further and develop an app that allows users to experience destinations through immersive VR view making travel planning more exciting, interactive, and informative.
Partner
Naufal Mussyafa



USER PERSONA
This user persona represents someone who loves traveling and enjoys visiting popular, affordable destinations. They look for comfortable accommodation options, unique travel recommendations, and easy access to complete and reliable information to help with trip planning. They’re active on social media and often use online platforms for travel inspiration. However, they sometimes struggle to find accurate details and feel overwhelmed when choosing the right destination, accommodation, or activity that fits their budget and interests. This persona helps shape the app to be more helpful, clear, and enjoyable for travelers with similar needs.
USER PERSONA
This user persona represents someone who loves traveling and enjoys visiting popular, affordable destinations. They look for comfortable accommodation options, unique travel recommendations, and easy access to complete and reliable information to help with trip planning. They’re active on social media and often use online platforms for travel inspiration. However, they sometimes struggle to find accurate details and feel overwhelmed when choosing the right destination, accommodation, or activity that fits their budget and interests. This persona helps shape the app to be more helpful, clear, and enjoyable for travelers with similar needs.
USER PERSONA
This user persona represents someone who loves traveling and enjoys visiting popular, affordable destinations. They look for comfortable accommodation options, unique travel recommendations, and easy access to complete and reliable information to help with trip planning. They’re active on social media and often use online platforms for travel inspiration. However, they sometimes struggle to find accurate details and feel overwhelmed when choosing the right destination, accommodation, or activity that fits their budget and interests. This persona helps shape the app to be more helpful, clear, and enjoyable for travelers with similar needs.



USER JOURNEY
This user journey map shows the steps a traveler takes when looking for popular and affordable tourist spots. It starts with searching online and ends with using a travel app. Along the way, the user faces problems like unclear information, confusing app layout, and lack of personalization. These pain points can lead to frustration and hesitation. From this journey, we see opportunities to improve like giving complete travel info, making the app easier to use, and showing only the most important content. This helps us create a better and more helpful travel app experience.
USER JOURNEY
This user journey map shows the steps a traveler takes when looking for popular and affordable tourist spots. It starts with searching online and ends with using a travel app. Along the way, the user faces problems like unclear information, confusing app layout, and lack of personalization. These pain points can lead to frustration and hesitation. From this journey, we see opportunities to improve like giving complete travel info, making the app easier to use, and showing only the most important content. This helps us create a better and more helpful travel app experience.
USER JOURNEY
This user journey map shows the steps a traveler takes when looking for popular and affordable tourist spots. It starts with searching online and ends with using a travel app. Along the way, the user faces problems like unclear information, confusing app layout, and lack of personalization. These pain points can lead to frustration and hesitation. From this journey, we see opportunities to improve like giving complete travel info, making the app easier to use, and showing only the most important content. This helps us create a better and more helpful travel app experience.












WIREFRAME
To start the design process, I created wireframes to map out the structure and flow of the app. Wireframing helps visualize the layout, content placement, and user journey without focusing on the visual details yet. It’s a crucial step to ensure that each screen is functional, intuitive, and supports the app’s goals. By keeping things simple and focused, wireframes make it easier to test ideas, gather feedback, and build a solid foundation before moving on to the final design.
WIREFRAME
To start the design process, I created wireframes to map out the structure and flow of the app. Wireframing helps visualize the layout, content placement, and user journey without focusing on the visual details yet. It’s a crucial step to ensure that each screen is functional, intuitive, and supports the app’s goals. By keeping things simple and focused, wireframes make it easier to test ideas, gather feedback, and build a solid foundation before moving on to the final design.
WIREFRAME
To start the design process, I created wireframes to map out the structure and flow of the app. Wireframing helps visualize the layout, content placement, and user journey without focusing on the visual details yet. It’s a crucial step to ensure that each screen is functional, intuitive, and supports the app’s goals. By keeping things simple and focused, wireframes make it easier to test ideas, gather feedback, and build a solid foundation before moving on to the final design.



HI FIDELITY
These high fidelity screens showcase the final design of the Travelmate app, which helps users easily search for flights, find nearby hotels, and explore travel options through a clean and user friendly interface. With features like location based hotel maps, detailed search filters, and access to previous bookings, the app aims to make travel planning more practical, personalized, and visually engaging.
HI FIDELITY
These high fidelity screens showcase the final design of the Travelmate app, which helps users easily search for flights, find nearby hotels, and explore travel options through a clean and user friendly interface. With features like location based hotel maps, detailed search filters, and access to previous bookings, the app aims to make travel planning more practical, personalized, and visually engaging.
HI FIDELITY
These high fidelity screens showcase the final design of the Travelmate app, which helps users easily search for flights, find nearby hotels, and explore travel options through a clean and user friendly interface. With features like location based hotel maps, detailed search filters, and access to previous bookings, the app aims to make travel planning more practical, personalized, and visually engaging.



PROTOTYPE
This prototype brings the Travelmate app to life by showing how each feature works through interactive user flows. It allows users to experience the full journey from browsing destinations, booking flights and hotels, to exploring map views and checking travel deals. The prototype helps visualize the app’s functionality, layout, and user experience before moving into development.
PROTOTYPE
This prototype brings the Travelmate app to life by showing how each feature works through interactive user flows. It allows users to experience the full journey from browsing destinations, booking flights and hotels, to exploring map views and checking travel deals. The prototype helps visualize the app’s functionality, layout, and user experience before moving into development.
PROTOTYPE
This prototype brings the Travelmate app to life by showing how each feature works through interactive user flows. It allows users to experience the full journey from browsing destinations, booking flights and hotels, to exploring map views and checking travel deals. The prototype helps visualize the app’s functionality, layout, and user experience before moving into development.
Suggested Place
Room Reservation
Virtual Reality
Search
Home
Splash
Suggested Place
Room Reservation
Virtual Reality
Search
Home
Splash
Travelmate
TravelMate is a smart app that brings destinations to life with immersive virtual reality, letting users explore cities, landmarks, and cultures before traveling. Ideal for planning adventures or dreaming, it offers a personal, interactive experience, boosting confidence and enriching travel decisions.
3rd Place
INSPACE Competition
Travel App
Organizer
Institue Technology of Kalimantan
Role
UI/UX Designer
Platform
Mobile App
Duration
July 2024
Tools
Figma, Power Point, Canva
Grasio Justin ⋅
UI/UX Designer ⋅
Framer Developer ⋅
Grasio Justin ⋅
UI/UX Designer ⋅
Framer Developer ⋅
Grasio Justin ⋅
UI/UX Designer ⋅
Framer Developer ⋅