Flyt brings rides, shuttles, scooters and shared cars into one Arabic-first experience. Different ways to travel, connected by a familiar place to start.
Product experienceInterface designDesign system
YOUR PROFILE
Your journeys. Your details. All in one place.
YOUR RIDE IS ON ITS WAY
السائق في الطريق2:47دقيقة
From the request to the pickup. A clear view of what happens next.
THE JOURNEY IN MOTION
THE ROAD IN VIEW. THE DETAILS WITHIN REACH.
السرعة الحالية55 كم / ساعة
••• ▰9:41
في طريقك إلى
الوطنية للإسكان
الوصول خلال12 دقيقة
المسار
● المنزل ● وزارة الإسكان
25ر.س
3.2المسافة / كم
55السرعة / كم
رحلتك الحاليةالمنزل ← وزارة الإسكان3.2 كم · 12 دقيقة
ملخص الرحلة24.00 ر.س8.3 كم · 14 دقيقة
ARRIVAL / COMPLETED
اكتملت رحلتك
From the moving city to the final stop. Arrival, trip details and the next action stay clear throughout the journey.
A clear review before you book. A complete receipt when you arrive.
DESIGN DIRECTION
Four ways to travel. One familiar language.
01
A shared starting point.
The dashboard brings the four services, wallet and recent trip together.
02
Context before commitment.
Routes, vehicle details and booking summaries make the next action understandable.
03
Clarity beyond the happy path.
Unavailable services, lost connections and interrupted journeys have their own states.
THE MOBILITY EXPERIENCE
A different way for every kind of day.
Rideاطلب سيارة
Your next ride, in a few clear steps.
Choose a destination, compare vehicles and review the fare. The journey continues through matching, arrival, live tracking and the receipt.
01Choose a destination
02Compare vehicles and prices
03Track the driver
CONNECTED MOBILITYSHUTTLE / SCOOTER / CAR SHARING
Shuttle
Scooter
Car sharing
ONBOARDING & IDENTITY
A clear beginning. A confident next step.
Welcome, identity verification and permissions are designed as a connected sequence. Nafath confirmation and explicit success states give each step a clear purpose.
WELCOME → VERIFY → GO
BEHIND THE EXPERIENCE
The thinking that connects it all.
From the product map to the operational handoffs. Explore the source artifacts behind the interface.
01 / INFORMATION ARCHITECTURE
The complete product map
A navigation structure spanning rider journeys, driver tools, operations and companion surfaces.
02 / CROSS-PRODUCT FLOW
One ride. Every handoff.
The ride-hailing flow connects the rider experience to the other products involved in delivering the journey.
04 / OPERATIONS
Behind the rider experience
Operations-console wireframes extend the work beyond the mobile app into the service behind it.
WIREFRAME TO HI-FI
The structure. The finished experience.
01 / 06Choose a destination
Complete wireframe map
THE FLYT WORDMARK
APP ICON
APP PREVIEW
FLYT
Every way to move.
ARABIC-FIRST MOBILITY
DASHBOARD
FLYT BLACK#0F0F0F
FLYT LIME#C7FF2E
PURE WHITE#FFFFFF
CHARCOAL#2E2E2E
MID GRAY#808080
FONTS & COLOURS
تجوّل بحرية.
تاجوال / Tajawal
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن هـ و ي
InterAa 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
تحدّث الآن
