• The PastThe PastThe Past
  • The PresentThe PresentThe Present
  • About usAbout usAbout us
  • ServicesServicesServices
  • Case StudiesCase StudiesCase Studies
  • ArticlesArticlesArticles
  • UX CoursesUX CoursesUX Courses
  • CareersCareersCareers
  • Contact usContact usContact us
Logo
Logo
Address
7424 Takhassusi St. 12314 1st floor, offices 101 to 105 Riyadh, Saudi Arabia
Location on map
E-mail
hello@uxbert.com
Phone
+966 55 517 50 57

Quick Links

  • About usAbout usAbout us
  • UX CoursesUX CoursesUX Courses
  • Case StudiesCase StudiesCase Studies
  • CareersCareersCareers
  • Contact usContact usContact us
  • ArticlesArticlesArticles

Services

  • User Experience & ResearchUser Experience & ResearchUser Experience & Research
  • User Interface Design (UI)User Interface Design (UI)User Interface Design (UI)
  • DevelopmentDevelopmentDevelopment
  • MarketingMarketingMarketing
  • Strategy & TransformationStrategy & TransformationStrategy & Transformation
  • Artificial Intelligence (AI)Artificial Intelligence (AI)Artificial Intelligence (AI)
  • Augmented Reality (AR)Augmented Reality (AR)Augmented Reality (AR)

Follow us

  • thumbnail for LinkedIn
    LinkedInLinkedInLinkedIn
  • thumbnail for X
    XXX
  • thumbnail for Instagram
    InstagramInstagramInstagram
  • thumbnail for Youtube
    YoutubeYoutubeYoutube
  • thumbnail for Facebook
    FacebookFacebookFacebook

Transform and grow your business now

Hire us
© 2026 UXBERT. All Rights Reserved.
  • Privacy Policy
  • Terms of service
hero
UX/UIApp
CategoryEducational
Project Duration12 months
ala khotah
RESEARCH
Wire-framing
DESIGNING
DEVELOPMENT
TESTING
Aug
2024
Saudi Arabia
container
container

EVERY STEP
TELLS A STORY

Overview

Alaa Khotah is a national cultural initiative that brings the Hijrah journey to life by tracing the historic route taken by Prophet Muhammad ﷺ and Abu Bakr Al-Siddiq from Mecca to Medina. We designed and developed a comprehensive mobile app that enriches this journey through interactive storytelling, real-time geo-tracking, AR experiences, and multilingual support, making the heritage accessible to users inside and outside the Kingdom.

What Did
We Identify?

1.

Complex journey information: Historical content, landmarks, and route data were difficult to present in an accessible and engaging way.

2.

No unified platform: Users lacked a central digital destination to explore the Hijrah narrative interactively

3.

Limited user engagement: The absence of multimedia elements, AR, and guided interactions reduced the emotional and educational impact.

4.

Navigation challenges: Users needed a simple way to follow the route in real time, discover stops, and access details safely.

5.

Scalability concerns: The platform needed to support large content expansion across future phases.

6.

Multilingual requirements: The experience had to be fully accessible to a global audience. 15 languages.

camel
camel

How Did We Tackle the Problem?

-

Conducted a full UX analysis to understand user personas, content needs, and expected journey behavior

-

Created a modern visual interface reflecting heritage authenticity with a clean, intuitive layout.

-

Created a modern visual interface reflecting heritage authenticity with a clean, intuitive layout.

-

Mapped the entire Hijrah route and transformed historical touchpoints into interactive digital experiences.

-

Developed immersive AR and location-aware modules to connect users with real-world points of interest.

-

Collaborated closely with development to deliver a stable, high-performance mobile app experience.

-

Designed user flows for exploration, learning, route navigation, and activity booking.

-

Designed a scalable design system optimized for phase-based expansion.

Project Process

01

Stakeholder Alignment

02

competitive analysis

03

Persona and Journey Mapping

04

Information Architecture

05

Wireframes & Flow Design

06

High-Fidelity
UI Design

07

Design
System

08

Front-End Development Collaboration

Challenge Problem Statement

Challenge/
Problem Statement

Final Concept & UX Presentation

The final product is an engaging platform that brings Saudi heritage to life—making it relevant, educational, and emotionally meaningful for today’s digital audience.

Final Concept & UX Presentation

No unified platform:

Users lacked a central, interactive destination to explore the Hijrah narrative.

No unified platform:

Limited engagement:

Absence of multimedia and AR reduced emotional and educational impact.

Limited engagement:

Navigation and safety:

Users needed a simple way to follow the route and discover stops safely.

Navigation and safety:

Scalability:

The platform needed to support phased content expansion.

Scalability:

Global accessibility:

Experience needed to be fully accessible to users in 15 languages.

Global accessibility:

Connectivity challenges:

Remote desert locations required reliable mobile network access for uninterrupted navigation and AR experiences.

Connectivity challenges:

Solution

Alaa Khotah is a national cultural initiative that brings the Hijrah journey to life by tracing the historic route taken by Prophet Muhammad ﷺ and Abu Bakr Al-Siddiq from Mecca to Medina. We designed and developed a comprehensive mobile app that enriches this journey through interactive storytelling, real-time geo-tracking, AR experiences, and multilingual support, making the heritage accessible to users inside and outside the Kingdom.

UX Methodology

UX Methodology

Discovery and Evaluation

Defined content priorities, user types, and technical constraints through workshops and research.

Journey Mapping & IA Design

Mapped user goals against the Hijrah route to create a structured, intuitive navigation model.

UI Design & Interaction System

Designed a clean, culturally respectful interface enriched with modern interaction patterns.

Development Collaboration & QA

Worked closely with engineers to ensure accurate implementation of animations, maps, AR, and overall performance.

UX Methodology

UX Methodology

Discovery and Evaluation

Defined content priorities, user types, and technical constraints through workshops and research.

Journey Mapping & IA Design

Mapped user goals against the Hijrah route to create a structured, intuitive navigation model.

UI Design & Interaction System

Designed a clean, culturally respectful interface enriched with modern interaction patterns.

Development Collaboration & QA

Worked closely with engineers to ensure accurate implementation of animations, maps, AR, and overall performance.

Every step tells a storyEvery step tells a story

Conclusion

Alaa Khotah elevates the Hijrah story into an immersive digital journey. Through AR, real-time tracking, and multi-platform accessibility, the app transforms historical exploration into a modern, meaningful, and educational experience that connects people to one of the most significant routes in Islamic history.

Ui Design

Home page
Onboarding screen
Emergency screen
Image transaction information
Menu
Map
Onboarding screen
Onboarding screen
Digital compass
Banner image of golden pen

Up next

golden pen