galaxy cafe

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

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

GALAXY CAFE

تجربة رقمية تفاعلية لكافيه Galaxy Cafe، تم بناؤها حول فكرة كافيه في الفضاء. تتحرك أكواب القهوة والعناصر وتطفو داخل مشاهد فضائية مرتبطة بالتمرير، ليكتشف المستخدم قصة البراند تدريجيًا ضمن تجربة تجمع بين السرد البصري والأنيميشن والهوية الرقمية.

تصميم موقع Galaxy Cafe التفاعلي المستوحى من الفضاء
عن المشروع

مو مجرد موقع لكافيه، بل عالم كامل.

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

الفكرة

كافيه يطفو داخل مجرته الخاصة.

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

Enter The Galaxy

كل عنصر يتحرك كأنه بلا جاذبية.

كوب قهوة يطفو داخل تجربة Galaxy Cafe
عنصر قهوة عائم داخل موقع Galaxy Cafe
عنصر قهوة متحرك داخل تجربة Galaxy Cafe
عنصر بصري عائم في موقع Galaxy Cafe

COFFEE
IN ORBIT.

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

تجربة الموقع

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

Scroll Storytelling

كل Scroll يكشف جزءًا جديدًا من المجرة.

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

المشهد الأول من تجربة Galaxy Cafe
01 / ENTER
مشهد تفاعلي من موقع Galaxy Cafe
02 / ORBIT
مشهد القهوة والفضاء في موقع Galaxy Cafe
03 / DISCOVER
الهوية البصرية

هوية بصرية تمتد من البراند إلى الفضاء الرقمي.

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

نظام الحركة

الحركة هي الجاذبية الجديدة.

01 Scroll Storytelling
02 Floating Objects
03 Parallax Motion
04 Advanced Animation
تم استخدام الحركة كجزء من بناء العالم الرقمي نفسه. العناصر لا تتحرك بالسرعة أو الاتجاه نفسه، مما يصنع إحساسًا بالعمق والطفو ويجعل المستخدم يشعر أنه داخل مساحة فضائية بدل صفحة ويب تقليدية.
نطاق المشروع

من الفكرة إلى الإطلاق.

01 Visual Identity
02 Interactive Website Design
03 Website Development
04 Scroll Storytelling
05 Advanced Animation
06 Domain Setup
07 Hosting Setup
النتيجة

من فنجان قهوة
إلى عالم كامل.

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

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

GALAXY CAFE

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

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

CONSTRUCTION LAND

معاينة مشروع CONSTRUCTION LAND