project
summary
Challenge
My Role
Tool Used
Category
Users in Saudi Arabia face challenges in discovering an app that effectively meets their venue exploration and booking needs, providing personalized recommendations and seamless integration of local experiences.
Travel ✈️
UI Design 📱
Figma ✨
Solution
The Saudi Journey merges AI-powered recommendations with an elegant and user-friendly design, along with insights from the community, offering a comprehensive travel solution that excels in customization and simplicity.
MOOD-BOARD
Aa
COLOR
White+ Green
Concept
keywords
Sustainability
Clarity
Bright
Fresh
Growth
Pure
The design of your travel application combines calming green and white tones with warm accents of soft beige or light wood, creating a tranquil atmosphere.
Modern sans-serif typography enhances readability and complements the natural, minimalist aesthetic.
Urbanist
#21C4AF
#DAF8F2
#2E2E2E
persona
NAME
Sara Naeem
BIO
AGE
HOMETOWN
ECUCATION
OCCUPATION
30 yrs
Riyadh, KSA
Bachelors in Art
Artist
Sara loves discovering new destinations and sampling local cuisines. She values transparency and prefers apps that clearly outline costs and provide straightforward information. Sara seeks a travel app that is user-friendly, visually appealing, and enhances her travel experience by offering clear guidance and helpful tips.
Goals
Pain Points
Streamlined travel in KSA
Explore cultural heritage and landmarks
Affordable local travel options
Hidden costs in bookings
Limited language support for travelers
Access issues for local insights
design
process
Moodboard
Persona
Hi-Fi
Wireframe
Prototype
The Design
Saudi Journey's onboarding screen provides a smooth introduction to its features. With modern visuals and straightforward instructions, users easily navigate each step.
The home screen greets users with a minimalist yet visually engaging interface. A dynamic search bar shows quick and intuitive navigation. Featuring a curated selection of the trending destinations personalized recommendations.
Flyway's checkout process is a breeze with three steps: select time and date, provide details, and make payment, all tracked by a progress bar. It's designed for a smooth and secure booking experience.
The login/signup page of Flyway boasts a clean and minimalist design, ensuring a hassle-free user experience. Its intuitive layout guides users smoothly through the process, making account creation or access quick and easy.
Dive into product details on Flyway with clarity and precision. Crisp images and concise descriptions provide users with essential information at a glance. Intuitive navigation allows for easy exploration of product variations and related items, enhancing the shopping experience.
Onboarding
Home Page
Checkout
Sign in page
Product Detail
Lets explore
the world
let's explore the world with us with just a
few clicks
9:41
Next
Time and Date
Details
3
Payment
2
Detail Booking
Choose Booking Date
1997
April
S
M
T
W
T
F
S
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
Mei
S
M
T
W
T
F
S
30
1
2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
18
19
20
21
22
23
24
25
26
27
28
29
30
31
3
4
Total
SR1490,00
Next
Time and Date
Details
3
Payment
2
Detail Booking
+0500000000
Contact Info
ID Card
Type ID
0001000010001001
Number ID
2 Member
Member
Sarah Ahmed
Person Responsible
Total
SR1490,00
Next
Time and Date
Details
3
Payment
Detail Booking
Total
SR1490,00
Confirm
Stc Pay
Apple Pay
Add More
hi-fi
wire-frames
Thank you for your time
Made with love ❤️
A UI Case study by Mashael Almasad
