عوالِم قروبAwalim Group
SYS-APP-08يعملتجارة إلكترونية

Jameel Storeقالب متجر عربيّ فاخر

من التصفّح إلى الدفع في تدفّق واحد لا ينكسر — واجهة Flutter فوق بنية Firebase، مصمَّمة للعرض العربي أولاً.

واجهة Jameel Store: صفحة منتج وسلة شراء بعرض عربي
العميل
منتج عوالِم — قالب متجر جاهز
القطاع
تجارة إلكترونية
السنة
2024
الدور
تصميم واجهة وتطوير Flutter
المنصّة
iOS · Android
الحالة
متاح كقالب
FlutterFirebaseFigmaOffline-first

النتائجIMPACT

ما الذي تغيّر

النتيجة أولاً، ثم كيف وصلنا إليها. أرقام يمكن تتبّع مصدرها — لا صفات.

1
تدفّق شراء واحد لا ينكسر
2
منصّتان من قاعدة كود واحدة
RTL
عرض عربي أصلي من الجذر
Offline
سلّة تعمل دون اتصال وتتزامن لاحقاً

التحدّيTHE CHALLENGE

ما المشكلة التي جئنا لحلّها

المتاجر العربية تُبنى عادةً على قالب لاتيني ثم تُقلب. النتيجة: أسعار مقلوبة، تواريخ غريبة، وسلة تُفقد حين تنقطع الشبكة — وهي تنقطع.

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

المقاربةAPPROACH

ما الذي قرّرناه — ولماذا

01

من Figma إلى Flutter بدقّة بكسل

صُمّمت الواجهة في Figma بنظام مكوّنات عربي أولاً، ثم نُقلت إلى Flutter بمكتبة مكوّنات تطابقها — فلا مفاجآت بين التصميم والتنفيذ.

من Figma إلى Flutter بدقّة بكسل
02

سلّة لا تُفقد

حالة السلة محفوظة محلّياً ومتزامنة مع Firebase عند عودة الشبكة. المستخدم يغلق التطبيق في المصعد ويفتحه في السيارة فيجد سلّته كما تركها.

03

أداء ثابت على القوائم الطويلة

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

الحلSOLUTION

ما الذي سُلِّم فعلاً

تطبيق Flutter بقاعدة كود واحدة، بنية Firebase للكتالوج والطلبات، ومكتبة مكوّنات مأخوذة من ملف Figma نفسه. الاتجاه والأرقام والأسعار والتواريخ كلها مضبوطة للعربية من الجذر — لا مقلوبة عن قالب لاتيني.

01 تصفّح كتالوج عربيّ أوّلاً 02 مكوّنات من Figma الملفّ نفسه مصدرًا 03 طلب وحالة Firebase · يعمل دون شبكة 04 دفع تدفّق واحد لا ينكسر
1. تصفّح: كتالوج عربيّ أوّلاً 2. مكوّنات من Figma: الملفّ نفسه مصدرًا 3. طلب وحالة: Firebase · يعمل دون شبكة 4. دفع: تدفّق واحد لا ينكسر

الخطوة التالية

عندك مشروع بهذا الحجم؟

احكِ لنا عن العملية، ونعود إليك بتشخيص أوّلي وتقدير نطاق — دون التزام.

  • نعود إليك خلال يومَي عمل
  • الكود ملك لك بالكامل
  • أرقام منشورة موقّعة وقابلة للتحقّق