01 / 04
نُبل — تجربة غامرة
دار عطور فاخرة تُروى كقصة سينمائية ثلاثية الأبعاد مع التمرير.
- المجال
- العطور
- النوع
- تجربة تفاعلية غامرة
- السنة
- 2026
- الخدمات
- التوجيه الفني, تجربة ثلاثية الأبعاد, تطوير الويب
مشروع مفاهيمي ذاتي صممته وبنته سِمة لإظهار ما يمكننا تقديمه للعلامات في هذا المجال.

نظرة عامة
مفهوم لدار عطور أرادت أن يبدو موقعها كحملة إعلانية لعطر — القارورة هي البطل، وكل تمريرة تدفع القصة إلى الأمام.
التحدي
العطر يُباع عبر الحواس. على الشاشة لا يمكن شمّه، لذلك كان على الموقع أن يُشعر الزائر بعمق العطر ودفئه وحِرفيته.
الفكرة
فيلم واحد متصل: تظهر القارورة، ثم تأتي رسالة العلامة، يتجمع العود والزعفران والعنبر حولها، ثم تتحول القارورة إلى منتج يمكن إضافته للسلة.
التصميم
فصول سينمائية داكنة مع أقسام تحريرية فاتحة، ولمسة شمبانيا مستخدمة بحذر، وخطوط ثنائية اللغة تعمل بنفس الجودة بالعربية والإنجليزية.


أبرز التفاعلات
- 01
قصة ثلاثية الأبعاد مع التمرير
الكاميرا تدور حول القارورة مع تغيّر الفصول.
- 02
أجواء المكونات
اختيار المكوّن يغيّر الإضاءة والألوان والجزيئات.
- 03
معرض المنتج 360°
اسحب وأدر وقرّب القارورة في صفحة المنتج.
على مختلف الشاشات
سطح المكتب

الجوال

التقنيات
- Next.js
- React Three Fiber
- GSAP ScrollTrigger
- Motion
- TypeScript
المشروع التالي
نُبل — المتجر
متجر إلكتروني
