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.
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.
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.
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.
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.
We built and tested an interactive prototype to validate new flows, such as browsing functionality and starting an order, ensuring smooth interactions across devices.
The outcome is a refined, conversion-driven website experience for B2B-designed to boost engagement, build trust, and reflect the industry's premium positioning.
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.
We explored audience expectations, with a focus on youth, by studying digital behavior, feedback, and cultural content engagement trends to guide design decisions.
Using our research, we developed a UX concept that highlights stories, artifacts, and traditions through intuitive navigation and clear, content-first wireframes.
We designed a calming, heritage-inspired visual system with modern UI patterns that honor the cultural theme while ensuring accessibility and mobile-friendliness.
An interactive prototype was tested with real users to refine content flow, explore cultural storytelling features, and ensure smooth interaction across devices.
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.
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.
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.
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.
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.
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.
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.
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.
