متجر مبني على طريقة تسوّق السعوديين فعلًا.
KryticalStyle علامة أزياء سعودية فاخرة بطابع يومي: تيشيرتات واسعة وهوديز وأطقم متناسقة، تُصمَّم وتُنتَج محليًا. بنينا نشاطها الإلكتروني بالكامل: المتجر ثنائي اللغة الذي يشتري منه العملاء، ونظام التجارة الذي يعمل خلفه، ولوحة الإدارة العربية التي يدير منها الفريق الطلبات والمخزون والشحن.
احتاجت العلامة متجرها الخاص، لا قالبًا مستأجرًا.
تبيع KryticalStyle قطعًا أساسية فاخرة بسعر 250 ريالًا للتيشيرت و500 ريال للطقم. بهذا السعر يجب أن يشبه المتجر العلامة، وأن يتولى كل ما يتطلبه الطلب السعودي دون أن يقوم الفريق به يدويًا.
الدفع يجب أن يكون محليًا
يتوقع المتسوق السعودي الدفع بمدى وApple Pay، وكثيرون يقسّطون عبر تمارا، ولا يزال كثيرون يفضّلون الدفع نقدًا عند الاستلام. المتجر الذي لا يقدم إلا نموذج بطاقة يخسرهم في الخطوة الأخيرة.
العناوين تخطئ بسهولة
يعتمد التوصيل على العنوان الوطني السعودي. يكتب العملاء الرمز المختصر بمسافات أو شرطات أو بأرقام عربية، والعنوان الخاطئ يعني طردًا يعود.
المخزون في مستودع أرامكس
المنتجات مخزنة في مستودع أرامكس وتُشحن منه. يجب أن يعرف المتجر ما هو موجود فعلًا على الرف، وأن يصل كل طلب إلى المستودع دون أن يعيد أحد كتابته.
الضريبة كما يتوقعها المتسوق السعودي
يجب أن تشمل الأسعار ضريبة القيمة المضافة 15%، وأن تعرض السلة تفصيلها بوضوح، فيكون السعر الذي يراه المتسوق هو ما يدفعه.
أربعة أجزاء مبنية كنظام واحد.
ما يراه العميل، وما يستخدمه الفريق، والعمل الذي يجري بينهما.
المتجر بالعربية والإنجليزية
مجموعة قابلة للتصفية حسب الفئة والمقاس، وصفحات منتجات بدليل مقاسات ومعرض صور قابل للتكبير ومعاينة تقسيط تمارا تحت السعر، وأطقم يمكن شراؤها كاملة أو قطعة واحدة بسعرها الخاص. تبدأ الصفحة الرئيسية بفيلم للعلامة لا يمنع أبدًا الوصول إلى المتجر.
التواصل، العنوان، الدفع
يمكن للزائر الشراء دون حساب. خطوة العنوان تحوّل الرمز المختصر للعنوان الوطني إلى عنوان كامل، ثم تطلب من العميل تأكيد موقعه على الخريطة، وهذا ما يصل إلى المندوب. وخيارات الدفع: مدى والبطاقات وApple Pay على أجهزة Apple وSTC Pay وتمارا والدفع عند الاستلام.
غرفة تحكم عربية
لوحة مؤشرات والطلبات والمنتجات والمخزون والعملاء والشحن ومستودع أرامكس، ومحرر للصفحة الرئيسية لاختيار ما يُعرض. ويمكن إغلاق الطرد المرتجع بالطريقة الصحيحة: يُلغى الطلب ويعود المخزون للبيع ويُتحقق منه.
مهام تعمل وحدها
تذكير بالسلات المتروكة (رسالة واحدة لكل شخص مهما ترك من سلات)، وتتبع شحنات أرامكس، ومزامنة مخزون المستودع، وتحرير المخزون المحجوز لدفعات لم تكتمل، وتنبيهات نقص المخزون، ومطابقة المدفوعات.
واجهة متجر مخصصة على نظام تجارة موثوق.
التصميم خاص بالعلامة بالكامل، أما الطلبات والمدفوعات والمخزون فتعمل على Medusa بعد توسيعه بالأجزاء السعودية التي لا يأتي بها.
ما يستخدمه الناس
- Next.js 16 · React 19 · TypeScript، مع next-intl لمسارات عربية وإنجليزية
- MapLibre على خرائط CARTO لتحديد موقع التوصيل، مع بديل للأجهزة التي لا تدعم WebGL
- Cloudflare R2 لصور المنتجات، مع نسخ WebP بعرض 400 و800 بكسل حتى لا تُحمّل الجوالات الصور كاملة
- Google Consent Mode v2: تبقى التحليلات مرفوضة حتى يختار العميل
- تطبيق إدارة منفصل على Next.js 15 بالعربية
ما يدير النشاط
- Medusa v2 على Node.js وPostgreSQL وRedis
- مزودو دفع مخصصون لـموياسر (مدى والبطاقات وApple Pay وSTC Pay) وتمارا، إضافة إلى الدفع عند الاستلام
- خدمة HERE لتحويل الرموز المختصرة للعنوان الوطني
- واجهات أرامكس للشحن والمستودعات
- Meilisearch للبحث، وResend لرسائل البريد بلغة العميل
قرارات تحمي الطلب.
ذهب معظم العمل الهندسي إلى ما يحدث عندما يسوء شيء ما.
المتصفح لا يحدد السعر أبدًا
تُنشأ دفعات البطاقة وتمارا من السلة التي سعّرها الخادم، لا من رقم ترسله الصفحة. ولا يكتمل الطلب إلا بدفعة مدفوعة أو مُصرَّح بها، ومهمة مطابقة تلتقط الدفعات التي أغلق أصحابها الصفحة قبل العودة إلى المتجر.
دفع عند الاستلام بحد واضح
تحصّل أرامكس حتى 3,750 ريالًا للشحنة الواحدة، لذا لا يظهر الدفع عند الاستلام إلا تحت هذا الحد. وفوقه يُطلب من العميل اختيار طريقة أخرى بدل أن يواجه خطأ لا يستطيع حله.
الخطأ لا ينهي الطلب
إذا فشل تحميل فيلم العلامة، يبقى المتجر على بعد ضغطة. وإذا لم يُعثر على الرمز المختصر، يكتب العميل العنوان ويحدد موقعه، ويكتمل الطلب رغم ذلك.
مُصمم ليشعرك بالفخامة — دون أن يكون صاخباً.
لوحة ألوان مقيدة، تباين عالٍ في الخطوط، وطباعة عربية تتطابق حقاً مع الإيقاع الهندسي للخطوط اللاتينية.
مصممة لتعكس الفخامة.
علامة تدير متجرها بنفسها.
إدارة من مكان واحد بالعربية
تُدار الطلبات والمخزون والشحن والمرتجعات والصفحة الرئيسية من لوحة الإدارة، دون الرجوع إلى مطور.
المتجر والمستودع متطابقان
تتزامن أرقام أرامكس الفعلية مع المتجر، وتُلتقط الطلبات التي لم تصل إلى المستودع وتُرسل مجددًا.
كل طرق الدفع الشائعة
مدى والبطاقات وApple Pay وSTC Pay وتقسيط تمارا والنقد، في صفحة دفع واحدة تعمل للزوار أيضًا.
جاهز للفوترة الإلكترونية مع نمو العلامة
الضريبة مفصلة في كل طلب، والمتجر يُنتج بالفعل بيانات فاتورة زاتكا المبسطة (ملف UBL 2.1 XML ورمز QR بترميز TLV)، فيمكن تفعيل الفوترة الإلكترونية دون إعادة بناء صفحة الدفع.
هل لديك مشروع لا يمكنه استخدام قالب جاهز؟
إذا كنت تطلق مشروعك في السعودية أو الإمارات وتحتاج إلى هندسة تحترم سوقك — دعنا نتحدث.