
الحلويات والسكاكر · 2026
موقع ومتجر تفاعلي ثلاثي الأبعاد لـ Dulce Fuego، علامة حلويات في الأردن: يكسر الزائر البينياتا، ويغطّي حلوى الجيلي بالتشامّوي والتاجين، ثم يختار كيسه.
زيارة dulce-fuego.com
الخدمات
- الفكرة
- واجهات وتجربة الاستخدام
- التصميم ثلاثي الأبعاد
- التطوير
- الإطلاق
ما الذي بنيناه
موقع متجر حلويات تلعب به: اكسر البينياتا، ثم حضّر الحلوى.
بنينا الموقع كلعبة قصيرة. تتدلّى بينياتا في الشاشة الأولى؛ ثلاث نقرات تهزّها ثم تكسرها، فتسقط منها حبّة جيلي: دبّ أو دودة بلونين، بلون مختلف في كل زيارة.
بعدها يحضّر التمرير الحلوى خطوة بخطوة: السكر، ثم صبّ التشامّوي، ثم رشّة من التاجين المنزلي. يسحب الزائر الكيس ليفتحه، ويضع فيه حبّة الجيلي.
ويعرض المتجر الكيس بثلاثة أحجام على رفوف مضاءة. النقر على أحدها يقرّبه: اسحب لتديره، واختر الحجم وأضفه إلى السلّة. ثم يُرسل الطلب عبر إنستغرام، حيث يُؤكَّد كل طلب برسالة مباشرة.
أبرز ما سُلّم
- 01.موقع تفاعلي ثلاثي الأبعاد
- 02.بينياتا تُكسر بالنقر
- 03.قصة الحلوى مع التمرير
- 04.كيس يُفتح بالسحب
- 05.متجر بثلاثة أحجام للكيس
- 06.واجهة متجاوبة
دور إتكار
الفكرة، والتصميم التفاعلي ثلاثي الأبعاد، وتطوير الموقع
التحدي
تبيع Dulce Fuego حلوى جيلي مغطّاة بالتشامّوي، وتعيش العلامة على إنستغرام (@dulcefuego.jo). كانت تحتاج إلى موقع يحمل مرح الحلوى نفسها، لا صفحة منتجات عادية.
المنهج
كل ما يظهر على الشاشة ثلاثي الأبعاد ويُرسم لحظيًا باستخدام three.js، وتعمل قصة التمرير على GSAP، فتتقدّم وتتراجع مع التمرير. النقر والسحب والصوت إضافات اختيارية: تعمل الصفحة على الهواتف والحواسيب، وتستخدم نسخة أخفّ على الأجهزة الأبطأ، وتحترم إعدادات تقليل الحركة.
الهدف من التصميم
موقع حلويات يلعب به الناس، فتبقى العلامة في الذاكرة قبل أول قضمة.
الحالة
تم تسليم الموقع التفاعلي والمتجر
الموقع


التالي









