English
أعمالنا /

Dulce Fuego

موقع متجر حلويات تلعب به: اكسر البينياتا، ثم حضّر الحلوى.

الحلويات والسكاكر · 2026

موقع ومتجر تفاعلي ثلاثي الأبعاد لـ Dulce Fuego، علامة حلويات في الأردن: يكسر الزائر البينياتا، ويغطّي حلوى الجيلي بالتشامّوي والتاجين، ثم يختار كيسه.

زيارة dulce-fuego.com

الخدمات

  • الفكرة
  • واجهات وتجربة الاستخدام
  • التصميم ثلاثي الأبعاد
  • التطوير
  • الإطلاق

ما الذي بنيناه

موقع متجر حلويات تلعب به: اكسر البينياتا، ثم حضّر الحلوى.

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

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

ويعرض المتجر الكيس بثلاثة أحجام على رفوف مضاءة. النقر على أحدها يقرّبه: اسحب لتديره، واختر الحجم وأضفه إلى السلّة. ثم يُرسل الطلب عبر إنستغرام، حيث يُؤكَّد كل طلب برسالة مباشرة.

أبرز ما سُلّم

  1. 01.موقع تفاعلي ثلاثي الأبعاد
  2. 02.بينياتا تُكسر بالنقر
  3. 03.قصة الحلوى مع التمرير
  4. 04.كيس يُفتح بالسحب
  5. 05.متجر بثلاثة أحجام للكيس
  6. 06.واجهة متجاوبة

دور إتكار

الفكرة، والتصميم التفاعلي ثلاثي الأبعاد، وتطوير الموقع

01

التحدي

تبيع Dulce Fuego حلوى جيلي مغطّاة بالتشامّوي، وتعيش العلامة على إنستغرام (@dulcefuego.jo). كانت تحتاج إلى موقع يحمل مرح الحلوى نفسها، لا صفحة منتجات عادية.

02

المنهج

كل ما يظهر على الشاشة ثلاثي الأبعاد ويُرسم لحظيًا باستخدام three.js، وتعمل قصة التمرير على GSAP، فتتقدّم وتتراجع مع التمرير. النقر والسحب والصوت إضافات اختيارية: تعمل الصفحة على الهواتف والحواسيب، وتستخدم نسخة أخفّ على الأجهزة الأبطأ، وتحترم إعدادات تقليل الحركة.

03

الهدف من التصميم

موقع حلويات يلعب به الناس، فتبقى العلامة في الذاكرة قبل أول قضمة.

04

الحالة

تم تسليم الموقع التفاعلي والمتجر

الموقع

على الحاسوب
على الهاتف
2026السنة
الحلويات والسكاكرالقطاع
ReactTypeScriptThree.jsGSAPViteCloudflareالتقنيات
dulce-fuego.comزيارة

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