04 / 08
سراب
علامة أزياء متخيَّلة من الصحراء: فيلم بدقة 4K تبتعد فيه الكاميرا عن القماش إلى الصحراء مع التمرير، ومتجر متكامل بالعربية والإنجليزية.
- المجال
- أزياء · متجر إلكتروني
- النوع
- متجر أزياء بفيلم يتحرك مع التمرير
- السنة
- 2026
- الخدمات
- التوجيه الفني, صور وفيديو بالذكاء الاصطناعي, تطوير الويب
مشروع تجريبي صمّمته سِمة وبنته لتُظهر ما يمكنها تقديمه للعلامات في هذا المجال، وليس مشروعًا لعميل.
نظرة عامة
مشروع بمبادرة منّا، وليس عملًا لعميل. سراب علامة من ابتكارنا، وقطعها وصورها وفيلمها صُنعت بالذكاء الاصطناعي لهذا العرض، والمتجر يوضّح ذلك قبل خطوة الدفع.
التحدي
كثير من مواقع الأزياء تختار بين حملة جميلة ومتجر يبيع. وكان على سراب أن يجمع الاثنين: فيلم يستحق المشاهدة في الشاشة الأولى، والمقاسات والألوان وزر «إضافة إلى الحقيبة» على بُعد ضغطة.
الفكرة
سراب: ما تظنه رملًا هو قماش. يبدأ الفيلم من صوف المعطف، ثم تبتعد الكاميرا حتى تظهر المرأة التي ترتديه على كثيب وقت الفجر، وينتهي بالشعار في السماء. وأثناء ظهورها، تأخذك بطاقة صغيرة مباشرةً إلى صفحة المعطف.
التصميم
ألوان الرملي والعاجي والكحلي، وخطّا Bodoni Moda وNoto Naskh Arabic للعناوين، وReadex Pro لبقية النصوص. القطع بأسماء أماكن ورياح سعودية (الدهناء، نجد، الشمال)، والنصوص العربية مكتوبة بأسلوب المتاجر السعودية، لا مترجمة.
أبرز التفاعلات
- 01
الفيلم مع التمرير
121 إطارًا من مقطعين بدقة 4K، تتحرك مع التمرير.
- 02
من البطاقة إلى صفحة المنتج
صورة البطاقة تكبر حتى تصبح صورة صفحة المنتج، وكل صورة تُفتح بملء الشاشة.
- 03
متجر يعمل فعلًا
ألوان ومقاسات ودليل مقاسات وحقيبة وإتمام طلب تجريبي، دون أي دفع.
على مختلف الشاشات
سطح المكتب
الجوال
التقنيات
- Next.js
- Canvas
- View Transitions
- Lenis
- Tailwind CSS
- TypeScript
نسخة مباشرة
تريد مثل هذا لشركتك؟
أخبرنا بما تبيعه، ويصلك سعر ومدة واضحان خلال يوم عمل واحد.
المشروع التالي
أزل
متجر عطور سينمائي
