تخطَّ إلى المحتوى
BENAA، الصفحة الرئيسيةEnglish

كل الأعمال

التجميل والعناية الشخصية · 2026

متجر إلكتروني وتطبيق لعلامة تجارية للتجميل

متجر على الويب وتطبيق موبايل لعلامة عناية بالبشرة تبيع في عدة دول خليجية. يتسوق العملاء بالعربية أو الإنجليزية، ويدفعون بوسائل محلية، ويجدون المنتجات عبر اختبار قصير لنوع البشرة، ويتابعون طلباتهم؛ ويدير الفريق المنتجات والعروض والمخزون من لوحة واحدة.

شارك في بنائه

قائد تقنيUI/UXالواجهات الأماميةالموبايلالأنظمة الخلفيةDevOpsضمان الجودة
العميل
لم يُذكر بناءً على طلب العميل
الأسواق
السعودية · الإمارات · الكويت
المنصات
الويب · iOS · Android
المدة المعتادة
3–4 أشهر
الفريق
7 أشخاص · 6 تخصصات

التقنيات

  • Next.js
  • Flutter
  • Laravel
  • PostgreSQL
  • Redis
  • Meilisearch
  • Mada
  • Apple Pay
  • Shipping APIs
  • Firebase
  • Docker

المنتج

10 صور

01

الموجز

علامة جميلة على متجر بطيء وبالإنجليزية فقط.

السياق

كانت العلامة تبيع عبر إنستجرام ومتجر جاهز، ومعظم عملائها على الهواتف في السعودية والإمارات.

المشكلة

كان المتجر بطيئًا على الهاتف، والعربية مُضافة على عجل، ووسائل الدفع المحلية غائبة، والعملاء لا يعرفون أي منتج يناسب بشرتهم.

الأهداف

  • عربي أولًا وسريع على أي هاتف
  • مدى وApple Pay والبطاقات
  • دليل للمنتج المناسب
  • مخزون واحد للويب والتطبيق

02

الفريق

الفريق وراء المشروع.

قائد تقنيالمعمارية والمدفوعات وإعداد الدول المتعددة×1خبير
مصمم منتجاتتصميم المتجر بهوية العلامة واختبار البشرة×1خبير
مهندس واجهات أماميةالمتجر على الويب ولوحة الإدارة×1خبير
مهندس موبايلتطبيق التسوق على iOS وAndroid×1خبير
مهندس أنظمة خلفيةالكتالوج والسلة والطلبات والمدفوعات والشحن×1خبير
مهندس DevOpsالاستضافة وشبكة توزيع المحتوى والاستعداد لأيام التخفيضات×1خبير
مهندس ضمان جودةاختبار إتمام الشراء على الويب والأجهزة×1خبير

تعرّف على الفريق

03

تصميم UI/UX

هدوء العلامة في الاتجاهين.

من عمل عليه

UI/UXالواجهات الأماميةالموبايل

صممنا المتجر بالعربية أولًا ثم بالإنجليزية، وصور المنتجات تتصدر كل صفحة. واختبار من خمسة أسئلة عن البشرة يقترح روتينًا مناسبًا، وإتمام الشراء في شاشة واحدة.

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

04

الواجهات الأمامية

سريع على الهاتف حتى في يوم التخفيضات.

من عمل عليه

UI/UXالواجهات الأمامية

يُعرض المتجر من الخادم وتُخزَّن صفحات المنتجات مؤقتًا على شبكة التوزيع، فيفتح بسرعة على بيانات الهاتف. ويعدّل الفريق المنتجات والباقات والعروض والبانرات باللغتين من اللوحة نفسها.

موعد التوصيل حسب المدينة في كل منتج
فلاتر حسب نوع البشرة والمشكلة والمكوّن، والمجموعة ضمن شبكة المنتجات
  • صفحات تُعرض من الخادمأفضل للسرعة ولمحركات البحث.
  • باقات وعروضتُعدّ دون الحاجة لمطوّر.
  • تحسين البحث بلغتينصفحات عربية وإنجليزية مفهرسة كلٌّ على حدة.

05

الموبايل

التطبيق للعملاء الذين يعودون.

من عمل عليه

UI/UXالموبايلالأنظمة الخلفية

يضيف التطبيق ما يريده العملاء المتكررون: إعادة طلب الروتين بنقرة، وعناوين وبطاقات محفوظة، وتتبّع الطلبات، وتنبيه عند عودة منتج مفضل للمخزون.

روتين متكامل لا مجرد منتج
إعادة طلب الروتين قبل أن ينفد السيروم
  • أعد طلب روتينكنقرة واحدة والمنتجات نفسها.
  • Apple Pay ومدىشاشات دفع أصلية.
  • تنبيه عودة المخزونللمنتجات المفضلة.

06

الأنظمة الخلفية والمعمارية

كتالوج واحد لعدة دول.

من عمل عليه

قائد تقنيالأنظمة الخلفية

خادم واحد يخدم المتجر والتطبيق. الأسعار والعملات والضرائب وخيارات الشحن تُضبط لكل دولة، ويُحجز المخزون عند الدفع، ولا يُرسل الطلب للمستودع إلا بعد تأكيد الدفع من بوابة الدفع.

الدفع في شاشة واحدة
حالة الطلب لحظة بلحظة من التأكيد حتى التسليم، مع رمز للتسليم
  1. قرار 1

    الأسعار والضريبة لكل دولة

    لكل سوق عملته وقواعد ضريبة القيمة المضافة.

    المقابل · كل منتج يحتاج سعرًا لكل سوق.

  2. قرار 2

    حجز المخزون عند الدفع وإلغاؤه عند انتهاء المهلة

    المنتجات الرائجة يجب ألا تُباع أكثر من المتاح وقت التخفيضات.

    المقابل · عمليات الدفع المتروكة تحجز المخزون لدقائق.

  3. قرار 3

    تحرير الطلب فقط بعد تأكيد بوابة الدفع

    إغلاق المتصفح يجب ألا يعني طلبًا ضائعًا أو غير مدفوع.

    المقابل · قد يتأخر تأكيد الطلب ثوانٍ قليلة.

07

DevOps

جاهز لليالي التخفيضات الكبيرة.

من عمل عليه

الأنظمة الخلفيةDevOps

قبل مواسم التخفيضات الكبيرة يُختبر الحِمل وتتوسع المنصة مسبقًا. وتُقدَّم الصور عبر شبكة توزيع المحتوى، وتعرض اللوحات الطلبات وحالات فشل الدفع والمخزون لحظيًا.

الإيرادات بثلاث عملات، مع تنبيهات لفشل الدفع ونقص المخزون
  • اختبار الحِملقبل كل حملة كبيرة.
  • شبكة توزيع للصورتتغير مقاساتها حسب الجهاز تلقائيًا.
  • تنبيهات الدفعارتفاع حالات الفشل ينبّه الفريق.

08

ضمان الجودة

إتمام الشراء مُختبر بكل وسيلة دفع.

من عمل عليه

الواجهات الأماميةالموبايلضمان الجودة

تضع الاختبارات الآلية طلبات على الويب والتطبيق بالبطاقات ومدى وApple Pay في وضع الاختبار، في كل دولة وباللغتين. وفحوص التخطيط تكتشف الشاشات العربية المكسورة قبل العملاء.

فحوص قبل النشر: اللغتان والضريبة لكل دولة والمخزون والنص البديل للصور
  • مدفوعات تجريبيةكل وسيلة وكل سوق.
  • فحص التخطيط العربيمقارنة لقطات الشاشة مع كل تعديل.
  • أجهزة حقيقيةالهواتف الأكثر انتشارًا في الخليج.
متجر إلكتروني وتطبيق لعلامة تجارية للتجميل

الأسهم أو السحب للتنقل · Esc للإغلاق

أخبرنا بما تبنيه.

رسالة قصيرة تكفي. يرد عليك مهندس خبير خلال يوم عمل واحد.