CLÉ CAFÉ — كلي كافيه

فكرة المشروع

موقع تعريفي سينمائي لمقهى قهوة مختصة في جدة (حي الروضة) يجمع هوية المقهى، أجواءه، منيوه، وطرق الطلب في صفحة واحدة احترافية.

المشكلة

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

المستخدمون المستهدفون

زوار جدة ومحبو القهوة المختصة الذين يبحثون عن المقهى على جوجل أو يصلهم رابط الموقع.

الهدف

بناء واجهة رسمية تعرّف بالمقهى بشكل فاخر، تبرز الأجواء والمنيو، وتسهّل الطلب والوصول.

تدفق المستخدم

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

دور SeenTK

تنظيم تجربة الصفحة، تجهيز واجهة RTL، تنفيذ تأثير التمرير السينمائي، ربط المنيو الرسمي، وإبراز هوية وألوان العلامة.

الحل

موقع تعريفي بصفحة واحدة مع هيرو فيديو يعمل فريم بفريم مع التمرير، قسم قصة، شريط ثقة، قسم منيو مرتبط بالمنيو الرسمي، أزرار طلب، معرض صور، وموقع على الخريطة.

التحديات

التحدي الأساسي كان تنفيذ تأثير الفيديو فريم بفريم بحيث يعمل بسلاسة على الجوال (آيفون) وليس الكمبيوتر فقط، مع الحفاظ على هوية وألوان المقهى الحقيقية.

التنفيذ التقني

تم تنفيذ الموقع بصفحة واحدة متجاوبة، مع هيرو يعتمد على سلسلة صور تُرسم على Canvas حسب موضع التمرير لضمان عمل التأثير فريم بفريم على كل الأجهزة. تمت معالجة الفيديو بأدوات FFmpeg، وتجهيز RTL وخطوط عربية مناسبة، وإضافة بيانات Open Graph وأساسيات SEO.

الخصائص المنفذة

هيرو فيديو يتحرك مع التمرير، هوية وألوان المقهى، قسم منيو مرتبط بالمنيو الرسمي، أزرار طلب وتوصيل، معرض صور، موقع على الخريطة، تصميم متجاوب RTL

التقنيات المستخدمة

موقع تعريفي بصفحة واحدة، هيرو فيديو تفاعلي، قسم منيو مرتبط، أزرار طلب، واجهة RTL متجاوبة

ما الذي تعلمناه؟

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

النتيجة

النتيجة المتاحة للنشر: نموذج موقع تعريفي جاهز للعرض. لا ننشر أرقام زيارات أو بيانات غير معلنة.

الحالة وما الذي يثبته المشروع؟

نموذج موقع تعريفي جاهز للعرض. توضح هذه الدراسة القدرة على بناء موقع تعريفي سينمائي لعلامة مقهى، مع تأثير تمرير متقدم يعمل على الجوال والكمبيوتر وربط المنيو وطرق الطلب.

خدمات مرتبطة