Octarine.

التحدي الذي واجهناه.

تقع Octarine عند تقاطع أسلوب الشارع (streetwear) والطابع التحريري ونمط الحياة — وهو مزيج تحاربه قوالب Shopify التقليدية بطبيعتها. فالشبكات الجاهزة لعرض المنتجات تعطي طابع التسوق بالمقارنة والبحث عن الأرخص، بينما احتاجت Octarine إلى العكس تمامًا: متجر يشعرك وأنت تتصفحه بأنك تقلب صفحات مجلة أنيقة، تصادف أنها تبيع منتجات في نهايتها.

كان الفريق يخطط أيضًا لاعتماد نمط إطلاقات محدودة (drops) بدلًا من كتالوج ثابت — مجموعات بكميات محدودة وتعاونات بتوقيت معين. هذا النموذج يتطلب هندسة تقنية خاصة: آليات عد تنازلي، وقفل للمخزون عند تدفق الزيارات المفاجئ، وصفحات هبوط مخصصة لكل إطلاق قابلة لإعادة الاستخدام عبر الحملات دون أن تتحول لنسخ متكررة من بعضها.

كان لا بد أن يعمل الموقع بالكامل بلغتين (الإنجليزية والإندونيسية)، وأن يبدو محليًا وأصيلًا للسوق الإندونيسي دون اللجوء إلى الأنماط التصميمية النمطية المرتبطة بالمنطقة.

كيف بنينا المنصة.

اخترنا بناء منصة مخصصة بدلًا من الاعتماد على Shopify. صحيح أن Shopify كان سيتيح إطلاقًا أسرع، لكنه كان سيحد من سقف التصميم منذ البداية. لذلك بنينا متجرًا إلكترونيًا من نوع Headless باستخدام Astro (اخترناه لملاءمته للصفحات الغنية بالمحتوى، وسرعة الأداء، وسهولة تحديث الصفحات بأسلوب ISR)، إلى جانب نظام إدارة محتوى مخصص للإطلاقات والعروض والمحتوى التحريري.

تُدار بيانات المنتجات بالكامل من خلال نظام إدارة المحتوى. تُعامل الإطلاقات (Drops) كعنصر أساسي له وقت بداية ونهاية، وحد أقصى للمخزون، وشروط فتح، ومحتوى تحريري خاص بكل إطلاق. يعتمد الدفع على منصة Midtrans لدعم وسائل الدفع المحلية (BCA، GoPay، OVO، Dana) إلى جانب البطاقات العالمية — وهذا التنوع في وسائل الدفع المحلية هو العامل الأكبر تأثيرًا في معدل إتمام الشراء بالتجارة الإلكترونية في جنوب شرق آسيا.

تعتمد لغة التصميم بشكل أساسي على الطباعة والمساحات الفارغة. الصور هي العنصر الأبرز، ووصف المنتجات مختصر، بينما تبقى المعلومات الثانوية مخفية حتى يطلبها الزائر. لا شيء يفرض نفسه بصريًا — لأن هوية Octarine نفسها هادئة ولا تعتمد على الصخب.

ماذا شمل المشروع.

• متجر إلكتروني ثنائي اللغة (إنجليزي/إندونيسي)
• نظام إدارة محتوى مخصص للإطلاقات والمحتوى التحريري والعروض
• تكامل وسائل دفع محلية وعالمية
• قفل المخزون تلقائيًا عند ذروة الطلب وقت الإطلاق
• بنية محتوى تحريري متكاملة
• نظام تصميم ومكتبة عناصر واجهة موحدة
• تحسين لمحركات البحث (SEO) ومعايير الأداء (Core Web Vitals)

الأدوات التقنية المستخدمة.

ما تم إطلاقه.

انطلقت Octarine في الموعد المحدد بهوية بصرية مميزة. أصبحت الإطلاقات تتم بالوتيرة التي يحددها فريق العمل نفسه — لا بوتيرة فريق التطوير — لأن نظام إدارة المحتوى صُمم منذ البداية حول نموذج الإطلاقات. كما يجمع النظام بين المحتوى التحريري والتجارة في لوحة تحكم واحدة، وهو أمر بالغ الأهمية عندما يكون تسويق العلامة التجارية جزءًا أصيلًا من المنتج نفسه.

كان تعليق العميل أن كل إطلاق تم في وقته المحدد، وأن هوية العلامة التجارية بقيت متسقة من البداية للنهاية. شعر الإطلاق وكأنه إصدار مدروس لا فوضى في اللحظة الأخيرة — وهي النتيجة تحديدًا التي كنا نسعى لتحقيقها.

بالأرقام.