Silk by lamia
تجربة تجارة إلكترونية تجمع بين المنتج، والقصة، وسرعة التصفح — كتالوج بتوجيه فني، وبنية تقنية مرنة، وتجربة شراء محسّنة لزيادة التحويلات.
- Client
- Lamia atwa
- Services
- التسويقتصميم المواقع
- Technology
- Next.jsTypeScriptHeadless CMS
تجربة تجارة إلكترونية تجمع بين المنتج، والقصة، وسرعة التصفح — كتالوج بتوجيه فني، وبنية تقنية مرنة، وتجربة شراء محسّنة لزيادة التحويلات.
الهدف
بناء تجربة تجارة إلكترونية يكون فيها المنتج هو محور الاهتمام، بينما تعمل الواجهة بسلاسة دون أن تشتت المستخدم — سريعة على الهواتف المتوسطة، أنيقة على الشاشات الكبيرة، وبسيطة بما يكفي ليتمكن فريق صغير من إدارتها يوميًا.
التحدي
نما حجم المنتجات أسرع من قدرة القالب الحالي على استيعابها. أصبحت إدارة المنتجات والعروض تتم يدويًا، وكانت الصور تفتقر إلى الاتساق، كما أن عملية إتمام الشراء تضمنت خطوات أكثر من اللازم. وكان أي تعديل جديد يتطلب تدخل مطوّر.
الاستراتيجية
قسّمنا العمل إلى ثلاثة مسارات رئيسية: نظام كتالوج بتوجيه فني واضح، وبنية Headless تمنح الموقع سرعة ومرونة أكبر، وتجربة Checkout أُعيد تصميمها لتوفير أقصر مسار منطقي من اختيار المنتج إلى إتمام الشراء.
وحافظت مكتبة مكونات مشتركة على توافق التصميم مع الكود، بحيث تُطبّق نفس القرارات والتفاصيل على جميع أجزاء التجربة.
التصميم
يعتمد التصميم بشكل أساسي على نظام طباعي واضح — أحجام مدروسة، وألوان هادئة، وتسلسل بصري واضح للمحتوى. كما عُرضت صور المنتجات ضمن إطارات موحّدة، ليظهر الكتالوج المتنوع كعلامة تجارية واحدة ومتكاملة.
التطوير
تم بناء الموقع باستخدام Next.js مع Headless Commerce Backend. يتم إنشاء الصفحات بشكل ثابت وإعادة تحديثها عند إجراء أي تغيير، بينما تتم معالجة وتحسين الصور والوسائط عند الطلب. أما السلة وواجهة Checkout فهما الأجزاء الأكثر تفاعلية في الموقع.
النتيجة
أصبح بإمكان الفريق إضافة المنتجات وإدارة الكتالوج والعروض دون الحاجة إلى دعم من فريق البرمجة. قاعدة الكود أصبحت أبسط وأكثر كفاءة، كما تحسنت مؤشرات Core Web Vitals، وأصبحت عملية Checkout قابلة للقياس — بحيث تبدأ التحسينات القادمة من بيانات ونتائج فعلية، وليس من التخمين.