2024
2024
Guardian ofheritage, GatewaytoTomorrow
overview
Asaan is a digital platform that brings Saudi Arabia’s cultural heritage to life. Created for the Misk Heritage Museum, it combines storytelling, immersive design, and smart technology to showcase artifacts, traditions, and history in an engaging way — making heritage accessible and meaningful for everyone.
Project
Process
Process
UX AUDIT &HEURISTIC ANALYSIS
We begin with a comprehensive UX audit of client's existing website, uncovering usability issues, visual inconsistencies, and missed opportunities to communicate the brand's B2B experience.
USER BEHAVIORRESEARCH
We examined real user behavior using heatmaps, scroll depth analysis, and customer feedback to identify friction points and better understand how users evolve the site.
UX CONCEPT& WIREFRAMING
Based on research, we created a UX concept that makes content easier to find, simplifies purchasing, and highlights key products using clear layout and wireframes.
UI REDESIGN& VISUAL SYSTEM
With a solid structure in place, we created a fresh, modern UI system that reflects client's culture, high-quality aesthetic, emphasizing audience clarity and mobile-first requirements.
INTERACTIVE PROTOTYPE& FLOW TESTING
We built and tested an interactive prototype to validate new flows, such as browsing functionality and starting an order, ensuring smooth interactions across devices.
FINAL CONCEPT& UX PRESENTATION
The outcome is a refined, conversion-driven website experience for B2B-designed to boost engagement, build trust, and reflect the industry's premium positioning.
Project Process
UX AUDIT &HEURISTIC ANALYSIS
We started by evaluating the existing digital materials and cultural content to identify usability gaps, unclear structure, and missing opportunities to engage modern users with heritage-rich content.
USER BEHAVIORRESEARCH
We explored audience expectations, with a focus on youth, by studying digital behavior, feedback, and cultural content engagement trends to guide design decisions.
UX CONCEPT& WIREFRAMING
Using our research, we developed a UX concept that highlights stories, artifacts, and traditions through intuitive navigation and clear, content-first wireframes.
UI REDESIGN& VISUAL SYSTEM
We designed a calming, heritage-inspired visual system with modern UI patterns that honor the cultural theme while ensuring accessibility and mobile-friendliness.
INTERACTIVE PROTOTYPE& FLOW TESTING
An interactive prototype was tested with real users to refine content flow, explore cultural storytelling features, and ensure smooth interaction across devices.
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.
Ux-Challenges& solutions
Tackling the Problem?
We redesigned the site to make it easier to use and boost conversions. Navigation was improved, CTAs were clearer, and key info like delivery details was easier to find. The mobile experience was also made smoother with better layout and readability.
OUR
APPROACH
OUR
APPROACH
RESEARCH
We redesigned the site to make it easier to use and boost conversions. Navigation was improved, CTAs were clearer, and key info like delivery details was easier to find. The mobile experience was also made smoother with better layout and readability.
UI DESIGN
We explored several mood boards to set the visual tone, followed by low-fidelity wireframes to map key pages and interactions. Once validated, we created high-fidelity mockups that balanced cultural storytelling with modern usability. The design emphasized clear hierarchy, emotional imagery, and a calming dark theme inspired by heritage materials.
DEVELOPMENT
Our development team brought the design to life using responsive, mobile-first techniques to ensure accessibility across all devices. We implemented lightweight, modular code for performance and scalability. Key challenges included optimizing cultural content without overwhelming users, and integrating dynamic elements like collapsible FAQs and immersive visuals.
RESEARCH
We redesigned the site to make it easier to use and boost conversions. Navigation was improved, CTAs were clearer, and key info like delivery details was easier to find. The mobile experience was also made smoother with better layout and readability.
UI DESIGN
We explored several mood boards to set the visual tone, followed by low-fidelity wireframes to map key pages and interactions. Once validated, we created high-fidelity mockups that balanced cultural storytelling with modern usability. The design emphasized clear hierarchy, emotional imagery, and a calming dark theme inspired by heritage materials.
DEVELOPMENT
Our development team brought the design to life using responsive, mobile-first techniques to ensure accessibility across all devices. We implemented lightweight, modular code for performance and scalability. Key challenges included optimizing cultural content without overwhelming users, and integrating dynamic elements like collapsible FAQs and immersive visuals.
Conclusion
User Flow
Design system
Wire-framing
