Flight Booking Screens
The flight booking screens guide users through a clear and streamlined process to search, select, and confirm flights. The interface was designed to prioritize ease of navigation, with intuitive filters, clean layouts, and step-by-step feedback to ensure a smooth booking experience.
Splash, Onboarding screens, Login and Registration screens
The onboarding screens introduce users to the app through concise messages and engaging visuals, highlighting key features. Both the login and registration screens were designed with simplicity and usability in mind, ensuring a smooth and intuitive entry experience. The goal was to create a welcoming and efficient first interaction.
Layout & Structure
Since I didn’t create wireframes for this first version, I jumped straight into Figma and began designing the screens directly.I focused on keeping the layout simple and easy to navigate, prioritizing usability over complexity.
_edited.png)
.png)
.png)
.png)
Why this project?
I’ve always loved to travel, and for my first UX/UI project I decided to work on something that felt personal and inspiring.
Since I was just starting out, I based the idea on an existing concept, adapting and redesigning it in a way that reflected my own style and preferences. I didn’t follow a full UX process at the time, but this project helped me get hands-on with tools like Figma and start thinking more critically about visual hierarchy and usability.
Visual Direction
I explored different color palettes and typography until I found a combination that felt clean, modern, and user-friendly.
The final visual identity is inspired by the lightness and excitement of travel planning.
Components
While working on the Travelnomic project, I started using components in Figma, a key practice in UI design.
Components are reusable elements like buttons, search fields, icons, or destination cards. Once a main component is created, it can be reused across multiple screens. If the master component is updated, all instances update automatically, which helps maintain consistency and saves time.
During the development of this project, I faced some challenges, especially when it came to organizing frames in Figma and clearly representing the user flow. One of the biggest difficulties was understanding how to make sure that all screens and elements were properly contained within the frames, so I could export the full flow correctly. Even though it might seem simple, managing the structure in Figma required a lot of attention to detail and took some time to fully grasp.
However, this process taught me the importance of hierarchy and proper organization in UI design. I learned to work more carefully, to double-check the frame boundaries, and to ensure that every element was properly grouped.
What I enjoyed the most in this project was the visual side — designing the screens, choosing colors, selecting typography, and building a layout that felt both attractive and functional. I also really enjoyed exploring other projects for inspiration, like Quick Travel on Behance, and adapting those ideas to my own style. Seeing everything come together in Figma was incredibly motivating and made me excited to keep improving.
This project was definitely a challenge, but also a valuable learning experience — and that made all the difference.