Elementor #2844

03 / 07 SITEBYR / دراسة حالة

كافيه / تجربة ويب تفاعلية / Storytelling

KENAO CAFE

تجربة رقمية تفاعلية لكافيه Kenao، تم تصميمها لتأخذ المستخدم في رحلة بصرية عبر قصة البراند والموقع. يتحرك كوب القهوة مع تقدم المستخدم في الصفحة ويقوده بين الأقسام المختلفة، قبل الانتقال إلى تجربة المنيو والطلب ضمن موقع يعتمد على الحركة والسرد البصري والتفاعل المباشر.

تصميم موقع Kenao Cafe التفاعلي
عن المشروع

تجربة تبدأ بالقصة قبل أن تصل إلى المنيو.

تم بناء موقع Kenao حول فكرة أن تجربة الكافيه لا تبدأ عند اختيار المشروب فقط. لذلك يستخدم الموقع الحركة والسرد أثناء التمرير لتعريف المستخدم بشخصية البراند وأجوائه، ثم يقوده تدريجيًا إلى المنيو وتجربة الطلب.

الفكرة

كوب واحد يقود رحلة الموقع.

تم استخدام كوب القهوة كعنصر بصري مستمر داخل التجربة. مع تقدم المستخدم في الصفحة يتحرك الكوب بين المشاهد، ليصبح الرابط البصري الذي يجمع أقسام الموقع ويحافظ على استمرارية القصة من البداية حتى الوصول إلى المنيو.

تجربة الموقع

شاهد الرحلة أثناء الحركة.

Signature Interaction

الكوب يتحرك، والقصة تتحرك معه.

بدلاً من استخدام عنصر ثابت داخل كل قسم، يستمر كوب Kenao في الحركة أثناء التمرير ويغير موقعه مع انتقال المستخدم بين المشاهد، ليخلق إحساسًا بأن الصفحة رحلة واحدة مستمرة.

كوب Kenao المستخدم في تجربة الموقع التفاعلية
01 / INTRO

بداية الرحلة

يظهر الكوب كعنصر رئيسي ويبدأ بقيادة المستخدم داخل الموقع.

02 / STORY

اكتشاف البراند

يتحرك الكوب مع المحتوى أثناء عرض قصة Kenao وشخصيته.

03 / MENU

الوصول للمنيو

تنتهي الرحلة عند تجربة المنيو والطلب بطريقة متصلة بالموقع.

Scroll Storytelling

الموقع يشرح البراند أثناء التصفح.

تم تنظيم المشاهد بحيث يكتشف المستخدم هوية Kenao ومفهومه تدريجيًا أثناء النزول في الصفحة، من دون فصل القصة عن تجربة الموقع نفسها.

المشهد الأول من تجربة موقع Kenao Cafe
01 / INTRO
قسم سرد قصة Kenao Cafe داخل الموقع
02 / STORY
تجربة المنيو في موقع Kenao Cafe
03 / MENU
Interactive Menu

من القصة إلى الطلب.

بعد تعريف المستخدم بالبراند، ينتقل الموقع إلى تجربة منيو مصممة لتكون امتدادًا طبيعيًا لنفس الأسلوب البصري، مع عرض المنتجات بطريقة واضحة وتفاعلية تساعد المستخدم على الاستكشاف والطلب.

تصميم منيو Kenao Cafe التفاعلية
عرض المنتجات داخل منيو Kenao Cafe
نظام الحركة

الحركة تربط المشاهد ببعضها.

01 Scroll Storytelling
02 Cup Journey
03 Section Transitions
04 Interactive Menu
الحركة داخل Kenao لم تُستخدم كزينة منفصلة، وإنما كوسيلة للحفاظ على استمرارية التجربة. انتقال الكوب وتغير المشاهد مع Scroll يساعدان على تحويل الموقع إلى رحلة واحدة بدل مجموعة أقسام منفصلة.
نطاق المشروع

تجربة رقمية متكاملة.

01 Visual Identity
02 Interactive Website Design
03 Website Development
04 Scroll Storytelling
05 Interactive Menu
06 Domain Setup
07 Hosting Setup
08 Business Email Setup
09 Technical Support
النتيجة

قصة براند
تتحول إلى رحلة.

النتيجة هي موقع لا يكتفي بعرض Kenao، بل يأخذ المستخدم خلال تجربة متسلسلة تبدأ بالقصة، تستمر مع حركة الكوب، وتنتهي عند المنيو والطلب، ضمن حضور رقمي متماسك يعكس شخصية الكافيه.

المشروع النهائي

KENAO CAFE

تجربة رقمية تفاعلية مبنية حول القهوة، الحركة، والسرد البصري.

زيارة الموقع
المشروع التالي / 04

GALAXY CAFE

معاينة مشروع Galaxy Cafe