UI/UX Design

Xplore - Travel App UI

The backpacker was taken into consideration when creating the travel companion app Xplore! Search for exciting travel offers and hotels to get inspiration for your next adventure.

Xplore the world with ease!

Made with
Figma logo
Arrow icon to scroll for more
Introduction
01

Project Introduction

Xplore is a travel application designed for travel enthusiasts! This was a university project where we were asked to create Illustration and Graphical Content, and apply them to a travel UI Design.

Design Process
02

Design Process

Information Architecture
03

Information Architecture

I started this project by outlining the steps that needed to be taken and coming up with some early concepts for features the application might have. When I had a clear concept of the project's direction, I started to brainstorm ideas for site maps to help me understand how users would interact with the programme. These ideas covered distinct features and how users may access them from the home screen.

Sketching & Wireframing
04

Sketching & Wireframing

After thoroughly understanding the project's structure and in order to better visualise my ideas, I started to draw some concepts and develop them into high-fidelity wireframes. Since I knew which screens would merge into one another thanks to planning, the process was more efficient.

Typography & Colour
05

Typography & Colour

Typography
Poppins Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Poppins Semi-Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Colours
White
#FFFFFF
Pale Blue
#F0F6FF
Blue
#0353B4
Final Designs
06

Final Designs

Since I don't consider myself to be the world's modern-day Picasso, this was the most challenging aspect of the job for me. But I like a good challenge! For this project's application, we had to produce unique imagery. I wanted to make some visual representations of real places, like Amsterdam, London, and New York, that might be used for this section of the project because I knew the application would have some sort of onboarding procedure and location page.