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

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


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

الجوال

التقنيات
- Next.js
- React Three Fiber
- GSAP ScrollTrigger
- Motion
- TypeScript
نسخة مباشرة
تريد مثل هذا لشركتك؟
أخبرنا بما تبيعه، ويصلك سعر ومدة واضحان خلال يوم عمل واحد.
المشروع التالي
رشفة
موقع مقهى
