Phone on a bed showing Travelmate App Home Page
Phone on a bed showing Travelmate App Home Page
Phone on a bed showing Travelmate App Home Page

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

Travelmate App User Persona
Travelmate App User Persona
Travelmate App User Persona

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.

Travelmate App user journey mapping
Travelmate App user journey mapping
Travelmate App user journey mapping

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.

Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe
Woman held a phone showing Travelmate App Wireframe

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.

Travelmate App Mockup design
Travelmate App Mockup design
Travelmate App Mockup 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.

Travelmate prototype design in figma
Travelmate prototype design in figma
Travelmate prototype design in figma

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.

  • Phone on a book showing Travelmate suggested place for holiday menu

    Suggested Place

  • Phone on a table showing Travelmate Room Reservation Menu

    Room Reservation

  • Phone on white table showing Travelmate virtual reality menu

    Virtual Reality

  • Phone between glasses showing Travelmate search menu

    Search

  • Phone showing on a bad showing travelmate app home page

    Home

  • Phone showing Travelmate App splash onboarding

    Splash

  • Phone on a book showing Travelmate suggested place for holiday menu

    Suggested Place

  • Phone on a table showing Travelmate Room Reservation Menu

    Room Reservation

  • Phone on white table showing Travelmate virtual reality menu

    Virtual Reality

  • Phone between glasses showing Travelmate search menu

    Search

  • Phone showing on a bad showing travelmate app home page

    Home

  • Phone showing Travelmate App splash onboarding

    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 ⋅