06 / 08
ستاربكس (مفهوم)
مفهوم غير رسمي صممناه بمبادرة منا لنعرض ما نقدر عليه: موقع لستاربكس بلونين فقط، وكوب ثلاثي الأبعاد يطير من الواجهة ويهبط في قسم القصة. لم تطلبه ستاربكس، ولا علاقة لنا بها، ولا تتبناه.
- المجال
- قهوة · تجزئة
- النوع
- إعادة تصميم غير رسمية (مفهوم)
- السنة
- 2026
- الخدمات
- التوجيه الفني, تجربة ثلاثية الأبعاد, تطوير الويب
مشروع تجريبي صمّمته سِمة وبنته لتُظهر ما يمكنها تقديمه للعلامات في هذا المجال، وليس مشروعًا لعميل.
نظرة عامة
مشروع استعراضي بمبادرة منا، وليس عملًا لعميل. لم تتواصل معنا ستاربكس ولم تكلّفنا؛ أعدنا بناء موقعها كتمرين لنعرض مهاراتنا في التصميم والتجارب ثلاثية الأبعاد. ستاربكس وشعار الحورية وأسماء المنتجات ملك لشركة ستاربكس.
التحدي
أن نجعل علامة مشهورة تبدو جديدة بلونيها الأخضر والكريمي فقط، ببيانات منيو ومنتجات حقيقية، وبلحظة ثلاثية الأبعاد لا تغطي المحتوى الذي تمر بجانبه.
الفكرة
كوب واحد ورحلة واحدة: يرتفع عن منصة الواجهة، يدور نحو الكاميرا، يمر بجانب المشروبات، ثم يهبط بهدوء في قسم القصة.
التصميم
لونان فقط، الأخضر والكريمي. صور منتجات حقيقية، وخط سيريف دافئ مع خط بسيط واضح، وحواف متموجة مستوحاة من شعر الحورية.
أبرز التفاعلات
- 01
كوب ثلاثي الأبعاد يطير
مسار مخطط يتفادى كل البطاقات على 14 مقاس شاشة.
- 02
عرض منتجات مركّز
المنتج المختار يكبر، والباقي يتلاشى.
- 03
ارفع الغطاء وأضف الغلاف
افحص الكوب والغلاف المعزول الحقيقي.
على مختلف الشاشات
سطح المكتب
الجوال
التقنيات
- Next.js
- React Three Fiber
- GSAP ScrollTrigger
- Lenis
- TypeScript
نسخة مباشرة
تريد مثل هذا لشركتك؟
أخبرنا بما تبيعه، ويصلك سعر ومدة واضحان خلال يوم عمل واحد.
المشروع التالي
نُبل — تجربة غامرة
تجربة تفاعلية غامرة
