نظرة عامة
صممنا ASAAN لحفظ التراث السعودي رقمياً عبر تجربة غامرة وسرد قصصي جذاب وبنية متوافقة مع الأجهزة المحمولة.
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.
بدأنا بتقييم المواد الرقمية الحالية والمحتوى الثقافي لتحديد فجوات قابلية الاستخدام والهيكل غير الواضح والفرص المفقودة لإشراك المستخدمين المعاصرين بمحتوى غني بالتراث.
استكشفنا توقعات الجمهور، مع التركيز على الشباب، من خلال دراسة السلوك الرقمي والتعليقات واتجاهات التفاعل مع المحتوى الثقافي لتوجيه قرارات التصميم.
استناداً إلى نتائج البحث، طورنا مفهوماً لتجربة المستخدم يبرز السرد القصصي والقطع الأثرية والموروثات العريقة، من خلال نظام ملاحة بديهي ومخططات هيكلية (Wireframes) تعطي الأولوية للمحتوى وتضعه في المركز.
ابتكرنا نظاماً بصرياً يتسم بالهدوء، يستلهم عراقة التراث ويدمجها مع أنماط واجهة مستخدم حديثة؛ احتفاءً بالهوية الثقافية مع ضمان أعلى معايير سهولة الوصول وكفاءة الاستخدام عبر الأجهزة المحمولة.
تم تطوير نموذج تفاعلي (Interactive Prototype) واختباره مع مستخدمين حقيقيين لاختبار ترابط المحتوى، واستكشاف خصائص السرد القصصي الثقافي، وضمان سلاسة التفاعل عبر مختلف الأجهزة.
تجسد النتيجة النهائية منصة رقمية تفاعلية تعيد إحياء التراث السعودي، بأسلوب يجمع بين القيمة المعرفية والارتباط الوجداني، ويقدمه بصورة عصرية تلبي تطلعات الجمهور الرقمي اليوم.
أعدنا صياغة تجربة الموقع لرفع كفاءة الاستخدام وتعزيز معدلات الاستجابة. شمل ذلك تحسين مسارات التنقل، واعتماد دعوات إجراء (CTA) أكثر وضوحاً، وتسهيل الوصول للمعلومات الجوهرية مثل تفاصيل الشحن والتوصيل. كما تم تحسين تجربة الهاتف المحمول عبر تطوير تخطيطات مرنة تضمن سلاسة التصفح ووضوح القراءة.
أعدنا هندسة تجربة الموقع لرفع كفاءة الاستخدام وتعزيز معدلات إتمام العمليات. شمل ذلك تطوير منظومة التنقل، واعتماد أزرار تفاعل أكثر حزماً ووضوحاً، مع تسهيل الوصول إلى المعلومات الجوهرية كبيانات الشحن والتوصيل. كما تم صقل تجربة الهاتف المحمول عبر تخطيطات مرنة تضمن سلاسة التصفح ومقروئية مثالية للمحتوى.
استعرضنا عدة لوحات إلهام لتحديد التوجه البصري، تلتها مخططات هيكلية (Wireframes) منخفضة الدقة لرسم مسارات الصفحات الرئيسية والتفاعلات. وعقب اعتمادها، طورنا نماذج عالية الدقة توازن بين السرد الثقافي وقابلية الاستخدام العصرية؛ حيث ركز التصميم على تدرج هرمي واضح، وصور ذات عمق وجداني، مع اعتماد نمط داكن (Dark Theme) يتسم بالهدوء ومستوحى من الخامات التراثية.
تولى فريقنا التقني تحويل المفاهيم التصميمية إلى واقع ملموس عبر تبني استراتيجية التصميم المرتكز على الجوال أولاً، مما كفل توافقية تامة وتجربة مستخدم متسقة عبر جميع المنصات. كما ارتكزت عملية التطوير على بناء هيكلية برمجية مرنة تضمن سرعة الاستجابة وسهولة التوسع في المستقبل.
أعدنا هندسة تجربة الموقع لرفع كفاءة الاستخدام وتعزيز معدلات إتمام العمليات. شمل ذلك تطوير منظومة التنقل، واعتماد أزرار تفاعل أكثر حزماً ووضوحاً، مع تسهيل الوصول إلى المعلومات الجوهرية كبيانات الشحن والتوصيل. كما تم صقل تجربة الهاتف المحمول عبر تخطيطات مرنة تضمن سلاسة التصفح ومقروئية مثالية للمحتوى.
استعرضنا عدة لوحات إلهام لتحديد التوجه البصري، تلتها مخططات هيكلية (Wireframes) منخفضة الدقة لرسم مسارات الصفحات الرئيسية والتفاعلات. وعقب اعتمادها، طورنا نماذج عالية الدقة توازن بين السرد الثقافي وقابلية الاستخدام العصرية؛ حيث ركز التصميم على تدرج هرمي واضح، وصور ذات عمق وجداني، مع اعتماد نمط داكن (Dark Theme) يتسم بالهدوء ومستوحى من الخامات التراثية.
تولى فريقنا التقني تحويل المفاهيم التصميمية إلى واقع ملموس عبر تبني استراتيجية التصميم المرتكز على الجوال أولاً، مما كفل توافقية تامة وتجربة مستخدم متسقة عبر جميع المنصات. كما ارتكزت عملية التطوير على بناء هيكلية برمجية مرنة تضمن سرعة الاستجابة وسهولة التوسع في المستقبل.
