02 / 08
نسق
شركة سعودية لأزياء العمل: هوية جديدة، وقميص ثلاثي الأبعاد مَخيط من باترون حقيقي، وأداة تصميم مباشرة تتحوّل إلى طلب عرض سعر.
- المجال
- أزياء موحدة · B2B
- النوع
- موقع علامة + مصمم ثلاثي الأبعاد
- السنة
- 2026
- الخدمات
- الهوية البصرية, تجربة ثلاثية الأبعاد, تطوير الويب
مشروع لعميل، صمّمته سِمة وبنته وأطلقته.
نظرة عامة
تصمّم نسق الأزياء الموحدة وتصنعها للشركات في أنحاء المملكة: في القطاعات المؤسسية والصحية والضيافة والصناعة وغيرها. استبدلنا موقعها السابق بتجربة ثنائية اللغة تمنح فرق المشتريات الثقة، وتتيح لها رؤية الزي قبل طلبه.
التحدي
الأزياء الموحدة تشتريها الشركات لا الأفراد. وكان على الموقع أن يخدم مدير المشتريات على حاسوبه وصاحب العمل على هاتفه، بالعربية أولًا، وأن يحوّل «نحن مهتمون» إلى طلب عرض سعر محدد.
الفكرة
القميص هو الموقع. قميص مَخيط في محاكاة للقماش من باترون خياطة حقيقي يتصدّر الواجهة ويدور مع المؤشر، ومع التمرير تقترب الكاميرا من القماش والتطريز والحاشية. ثم يتحوّل القميص نفسه إلى أداة تصميم (اللون، والتطريز أو الطباعة، والخيط والموضع)، ويملأ الاختيار نموذج عرض السعر.
التصميم
ورق وحبر مع لون ذهبي واحد كلون الخيط، وخطّا Jost وAlexandria للعناوين، وشعار «نسق» جديد بخط أحادي السماكة، وصور لاثني عشر قطاعًا من الطيران إلى التعليم.
قبل وبعد
ما سلّمناه
- شعار وهوية بصرية جديدان: كلمة «نسق» بخط واحد متصل، مع كتابة NASAQ الهندسية.
- قميص ثلاثي الأبعاد مَخيط في محاكاة للقماش من باترون حقيقي، بحواشيه وغُرزه.
- أداة تصميم مباشرة: اللون، والتطريز أو الطباعة، والخيط والموضع، وكلها تصبّ في طلب عرض السعر.
- الموقع كاملًا بالعربية والإنجليزية، مصمَّمًا من اليمين إلى اليسار أولًا.
- اثنا عشر قطاعًا، من الطيران إلى التعليم، لكلٍّ منها صور بمعالجة لونية موحّدة.
- صفحة لليوم الوطني السعودي، وشريط يظهر في أرجاء الموقع.
بكلمات العميل
★★★★★
“تجربتنا مع سِمة كانت ممتازة من البداية للنهاية. كنا نبحث عن موقع يقدّم نسق بصورة مختلفة ويعكس مستوى شغلنا، وسِمة اشتغلوا معنا على كل التفاصيل من التصميم والهوية إلى التجربة التفاعلية والـ3D. أكثر شيء أعجبنا هو اهتمامهم بالتفاصيل وسرعة تجاوبهم مع ملاحظاتنا. النتيجة النهائية كانت موقعًا احترافيًا فعلًا ويشبه نسق بالشكل اللي كنا نطمح له.”
أبرز التفاعلات
- 01
قميص الواجهة
اسحب للتدوير، ومرّر للاقتراب من الغُرز.
- 02
أداة التصميم
اللون والتطريز والخيط والموضع، مباشرةً إلى عرض السعر.
- 03
اثنا عشر قطاعًا
تمرير أفقي مثبّت على الحاسوب، وسحب على الجوال.
على مختلف الشاشات
سطح المكتب
الجوال
التقنيات
- Next.js
- React Three Fiber
- GSAP
- Tailwind CSS
- TypeScript
نسخة مباشرة
تريد مثل هذا لشركتك؟
أخبرنا بما تبيعه، ويصلك سعر ومدة واضحان خلال يوم عمل واحد.
المشروع التالي
M4 — تجربة سينمائية
مفهوم غير رسمي: فيلم يتحرك مع التمرير
