Travel Booking App

UX/UI Design Practice

UX/UI Design Practice

UX/UI Design Practice

This project was created with the aim of improving my skills in UX/UI design. The idea came at a time when I was searching the Dribbble platform and found many screen designs with an illogicality regarding functionality. This inspired me to design 2 screens for a travel booking app and show my process through this short project.

This project was created with the aim of improving my skills in UX/UI design. The idea came at a time when I was searching the Dribbble platform and found many screen designs with an illogicality regarding functionality. This inspired me to design 2 screens for a travel booking app and show my process through this short project.

This project was created with the aim of improving my skills in UX/UI design. The idea came at a time when I was searching the Dribbble platform and found many screen designs with an illogicality regarding functionality. This inspired me to design 2 screens for a travel booking app and show my process through this short project.

Project Type

Mobile App Design

My Role

UI/UX Design

Tools

Figma

Project Duration

2 Weeks

Project Type

Mobile App Design

My Role

UI/UX Design

Tools

Figma

Project Duration

2 Weeks

Project Type

Mobile App Design

My Role

UI/UX Design

Tools

Figma

Project Duration

2 Weeks

App Screens
App Screens
App Screens

Wireframes

Drawing the Wireframes, I focused on the home screen and the flights screen. My goal was to design an app that offers a simplified and personalized experience, making travel planning easier for users. I researched other similar apps and it helped me get a feel for the organization of information that users are used to.

Wireframes
Wireframes
Wireframes

Design Iteration

I wanted to create an intuitive and user-friendly interface that enables the user to easily navigate and find the information he needs. After the first versions of the design, I conducted a test on the phone to assess the visibility of the information on the screen. Through this process, I identified some of the decisions that resulted in reduced accessibility. The contrast between the colors was not strong enough, and as a result, some of the information was not legible. Additionally, there were too many distracting icons.

Design Iteration
Design Iteration
Design Iteration
Usability Testing
Usability Testing
Usability Testing

Results

With an iterative approach and testing, I achieved better results in creating a positive user experience. The home screen offers a quick trip search with departure and arrival locations, travel dates, and other information. Users can also view some of the popular flights. The search leads to the 'Flights' screen, which presents the most important information about all flight results. If the user wants to make changes, such as changing the date, they can do so quickly with just a few clicks on the same screen.

Final Design
Final Design
Final Design
Flights Modal
Flights Modal
Flights Modal
Travel Booking
Travel Booking
Travel Booking

Get in touch -> hey@milanaruzic.com

© 2024 Made by Milana Ruzic. All Rights Reserved.

Last Updated: September 4, 2024

Get in touch -> hey@milanaruzic.com

© 2024 Made by Milana Ruzic. All Rights Reserved.

Last Updated: September 4, 2024

Get in touch -> hey@milanaruzic.com

© 2024 Made by Milana Ruzic. All Rights Reserved.

Last Updated: September 4, 2024