UX prototype · fictional dataنموذج تجريبي لتجربة المستخدم · بيانات وهمية

Discount KW: three ways to open the app

Discount KW: ثلاث طرق لفتح التطبيق

Working page for the project team. The prototype screens are in Arabic (true right-to-left) and English, with a light and dark mode. Everything is fictional: names say “example”, prices show “XX.000 KWD”, distances show “X.X km”.

صفحة عمل لفريق المشروع. شاشات النماذج بالعربية (من اليمين إلى اليسار فعليًا) وبالإنجليزية، مع وضع فاتح وداكن. كل المحتوى وهمي: الأسماء «مثال»، والأسعار «XX.000 د.ك»، والمسافات «X.X كم».

How the project worksكيف يسير المشروع

Discount KW lets shops publish discounts and special offers, and lets customers pay a subscription to see them: who offers what and where, by category, mall or shop, with a map of the nearest offers and directions in one tap. Customers get a few free offers to try, then subscribe for full access. These are the steps, and where we are.

يتيح Discount KW للمتاجر نشر الخصومات والعروض الخاصة، وللعملاء الاشتراك مقابل رسم لمشاهدتها: من يقدّم العرض وأين، حسب الفئة أو المجمّع أو المتجر، مع خريطة لأقرب العروض واتجاهات بنقرة واحدة. يحصل العميل على عدة عروض مجانية للتجربة ثم يشترك للوصول الكامل. هذه هي الخطوات وموقعنا منها.

  1. Scoping DoneYour brief became a short product document and a technology decision.
  2. Design choice NowYou compare three home-screen designs below and tell us which to keep, and what to change in the decisions that follow.
  3. Build in small, testable slices NextFoundations and phone-code sign-in; subscription and free quota; catalogue by category, mall and shop; map, nearby offers and directions; merchant space and admin review; QR use in the shop; merchant web portal; notifications.
  4. Test on a private staging site NextYou review the real screens on a link before anything is public.
  5. Publish NextSubmit to the App Store and Google Play. This needs developer accounts in your company's name.
  1. تحديد النطاق تمحوّلنا طلبكم إلى وثيقة منتج مختصرة وقرار تقني.
  2. اختيار التصميم الآنتقارنون أدناه ثلاثة تصاميم للشاشة الرئيسية وتخبروننا أيها نُبقي، وما الذي تودّون تغييره في القرارات التالية.
  3. البناء على شرائح صغيرة قابلة للاختبار لاحقًاالأساسات وتسجيل الدخول برمز على الهاتف؛ الاشتراك والحصة المجانية؛ الكتالوج حسب الفئة والمجمّع والمتجر؛ الخريطة والعروض القريبة والاتجاهات؛ مساحة التاجر ومراجعة الإدارة؛ استخدام رمز QR في المتجر؛ بوابة التاجر على الويب؛ الإشعارات.
  4. الاختبار على موقع تجريبي خاص لاحقًاتراجعون الشاشات الحقيقية عبر رابط قبل أي نشر عام.
  5. النشر لاحقًاالإرسال إلى App Store وGoogle Play. يلزم لذلك حسابا مطوّر باسم شركتكم.

Choices made at kickoffالقرارات التي اتخذناها عند الانطلاق

Nothing here is final until you confirm. Tell us what to change; the last column lists what we need from you.

لا شيء هنا نهائي قبل تأكيدكم. أخبرونا بما يجب تغييره؛ والعمود الأخير يبيّن ما نحتاجه منكم.

TopicWhat we choseYour decision
Free trialX free offers per calendar month (Kuwait time), starting value 3. The customer confirms before opening one, and it is returned if the offer is suspended.The final value of X.
SubscriptionInside the app through the App Store and Google Play, renewing automatically, plus prepaid 1, 3 or 12 month plans on a web page. The app never links to that page.Durations, prices in KWD, and who collects the payment.
AccountsBrowse without an account. A code sent to the phone number (WhatsApp) is asked at the first unlock or purchase.Is this acceptable?
MerchantsSame app with a clear switch to a “business space”, plus a web portal. A cashier role comes later.Verify merchants by commercial licence or ID?
Using an offerThe customer shows a QR code (valid 60 seconds) or a short code; the merchant scans it and confirms. Each offer sets how often it can be used: once, daily, weekly or monthly.Offer types to add or remove.
ReviewAn administrator reviews every merchant and every offer before it goes live. A refused offer comes back with a reason.Who reviews on your side?
Map and directionsThe map is a tab. “Directions” opens Google Maps, Apple Maps or Waze. If location is refused, the customer picks a governorate.No decision needed.
LanguagesArabic (required) and English. No French.Tone: formal or younger?
Launch areaAll of Kuwait from day one (current plan).Plan to fill the catalogue: who recruits merchants, and how many at launch?
Home screenVariant C with the map tab from variant A (proposed, see below).Confirm or pick another.
الموضوعما اخترناهقراركم
الفترة المجانيةX عروض مجانية في الشهر الميلادي (بتوقيت الكويت)، والقيمة المبدئية 3. يؤكد العميل قبل فتح العرض، ويُعاد العرض إذا أُوقف.القيمة النهائية لـ X.
الاشتراكداخل التطبيق عبر App Store وGoogle Play بتجديد تلقائي، إضافة إلى باقات مدفوعة مسبقًا لمدة 1 أو 3 أو 12 شهرًا على صفحة ويب. لا يحيل التطبيق إلى تلك الصفحة أبدًا.المدد والأسعار بالدينار الكويتي، ومن يحصّل المبلغ.
الحسابالتصفح بلا حساب. يُطلب رمز يصل إلى رقم الهاتف (واتساب) عند أول فتح لعرض أو عند الشراء.هل هذا مقبول؟
التجارالتطبيق نفسه مع زر واضح للتبديل إلى «مساحة التاجر»، إضافة إلى بوابة ويب. دور أمين الصندوق لاحقًا.هل نتحقق من التجار بالرخصة التجارية أو الهوية؟
استخدام العرضيعرض العميل رمز QR (صالحًا 60 ثانية) أو رمزًا قصيرًا، ويمسحه التاجر ويؤكد. يحدد كل عرض عدد مرات استخدامه: مرة واحدة، يوميًا، أسبوعيًا أو شهريًا.أنواع العروض التي تودّون إضافتها أو حذفها.
المراجعةيراجع مسؤول كل تاجر وكل عرض قبل نشره. والعرض المرفوض يعود مع سبب الرفض.من يراجع من جانبكم؟
الخريطة والاتجاهاتالخريطة تبويب. «الاتجاهات» تفتح خرائط Google أو Apple أو Waze. وعند رفض الموقع يختار العميل المحافظة.لا قرار مطلوب.
اللغاتالعربية (إلزامية) والإنجليزية. بلا فرنسية.النبرة: رسمية أم أكثر شبابية؟
منطقة الإطلاقكل الكويت من اليوم الأول (الخطة الحالية).خطة ملء الكتالوج: من يستقطب التجار، وكم عددهم عند الإطلاق؟
الشاشة الرئيسيةالتصميم ج مع تبويب الخريطة من التصميم أ (مقترح، انظر أدناه).أكّدوا أو اختاروا تصميمًا آخر.

Open the prototypesافتح النماذج

Variant A — Map firstالتصميم أ — الخريطة أولًا

The home screen is a full-screen map with a strip of nearby offers pinned at the bottom. Pins and cards stay in sync.

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

Open variant Aافتح التصميم أ

Variant B — Offer feed firstالتصميم ب — قائمة العروض أولًا

The home screen is a feed of sections: nearest, malls, ending soon, categories. The map is a secondary tab.

الصفحة الرئيسية قائمة بأقسام: الأقرب، المجمّعات، تنتهي قريبًا، الفئات. الخريطة تبويب ثانوي.

Open variant Bافتح التصميم ب

Variant C — Hybrid + passportالتصميم ج — مزيج + جواز العروض

Search plus a “passport”: the free monthly quota becomes visible stamps that lead toward subscribing.

بحث مع «جواز عروض»: الحصة الشهرية المجانية تصبح طوابع مرئية تقود إلى الاشتراك.

Open variant Cافتح التصميم ج

Merchant portal + back officeبوابة التاجر + لوحة الإدارة

One design for desktop and mobile: create an offer, moderation queue, QR scan on the merchant side, prepaid web plan.

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

Open the portal and back officeافتح البوابة ولوحة الإدارة

Comparisonالمقارنة

Effort levels are relative estimates (Low / Medium / High), not quotes. The effect on conversion is a hypothesis to test, never a figure.
A — Map firstB — Feed firstC — Hybrid + passport
Idea “What is around me” at a glance, without typing anything. Browse sections like a magazine of offers. Search, and always see how many unlocks are left.
Strengths
  • Delivers the “around me” promise straight away.
  • Very strong in a sales demo.
  • Location refusal is handled with an approximate area.
  • Holds up with a thin catalogue (R1): people see a feed, not an empty map.
  • Entry by mall and category feels natural.
  • Simplest to build and test.
  • Makes the free quota tangible and “ready to finish”.
  • “My offers” answers “where is the offer I opened?”.
  • Map as a tab fits the backlog order (catalogue before map).
Risks
  • A sparse map looks empty and spoils the first impression.
  • Map SDK cost and performance from the first screen (to check in the docs).
  • Poor first screen for people who do not want to share their location.
  • Little to set it apart from Instagram and flyers.
  • The subscription appears late, on the offer detail.
  • The feed needs sections driven by the server.
  • The “stamps” tone can feel pushy if overdone.
  • More screens to keep consistent (passport, statuses).
  • Less spectacular in a demo than the map.
Flutter effort High: map on the first screen, custom markers, clustering, pin and carousel sync, fallback without location. Low: standard lists and sections; the map stays a separate screen, added in slice 3. Medium: passport screen, unlock history (already in the free_unlocks model), static map preview.
Expected effect on free → paid (hypothesis) Hypothesis: good for discovery, but the subscription shows only when an offer is opened; the effect depends on pin density. Hypothesis: desire comes from how many locked offers people see in the feed; moderate, steady effect. Hypothesis: visible progress toward zero raises willingness to pay when the quota runs out. To measure with a comparison test before rolling out.
Pick it if… The client already has a dense catalogue in a few areas and wants a “wow” effect. The launch has few offers and the team wants the smallest technical risk. The business model rests on the subscription and the client accepts a slightly more encouraging tone.
مستويات الجهد تقديرات نسبية (منخفض / متوسط / مرتفع) وليست عروض أسعار. أثر كل تصميم على التحويل من المجاني إلى المدفوع فرضية تحتاج إلى اختبار، وليس رقمًا.
أ — الخريطة أولًاب — القائمة أولًاج — مزيج + جواز العروض
الفكرة «ما حولي» بنظرة واحدة، دون كتابة أي شيء. تصفّح أقسام العروض كما تتصفح مجلة. ابحث، وشاهد دائمًا كم بقي لك من العروض المجانية.
نقاط القوة
  • تحقق وعد «حولي» فورًا.
  • مؤثر جدًا في العرض التجاري.
  • رفض الموقع يُعالج بمنطقة تقريبية.
  • يصمد عندما يكون الكتالوج صغيرًا (R1): يرى المستخدم قائمة لا خريطة فارغة.
  • الدخول عبر المجمّع والفئة طبيعي.
  • الأبسط في البناء والاختبار.
  • يجعل الحصة المجانية ملموسة و«قريبة من النفاد».
  • «عروضي» تجيب عن سؤال: أين العرض الذي فتحته؟
  • الخريطة كتبويب تناسب ترتيب خطة العمل (الكتالوج قبل الخريطة).
المخاطر
  • خريطة قليلة العلامات تبدو فارغة وتفسد الانطباع الأول.
  • تكلفة وأداء حزمة الخرائط منذ الشاشة الأولى (للتحقق من الوثائق).
  • شاشة أولى ضعيفة لمن لا يريد مشاركة موقعه.
  • لا يتميز كثيرًا عن إنستغرام والإعلانات الورقية.
  • يظهر الاشتراك متأخرًا، عند تفاصيل العرض.
  • القائمة تحتاج أقسامًا يتحكم بها الخادم.
  • أسلوب «الطوابع» قد يبدو مُلحًّا إذا بولغ فيه.
  • شاشات أكثر يجب إبقاؤها متسقة (الجواز والحالات).
  • أقل إبهارًا في العرض التجاري من الخريطة.
جهد تطوير Flutter مرتفع: خريطة في الشاشة الأولى، علامات مخصصة، تجميع العلامات، مزامنة العلامات مع الشريط، بديل عند غياب الموقع. منخفض: قوائم وأقسام قياسية؛ تبقى الخريطة شاشة منفصلة تُضاف في الشريحة 3. متوسط: شاشة الجواز، سجل الفتح (موجود في نموذج free_unlocks)، معاينة ثابتة للخريطة.
الأثر المتوقع من المجاني إلى المدفوع (فرضية) فرضية: جيد للاكتشاف، لكن الاشتراك لا يظهر إلا عند فتح عرض؛ والأثر يتوقف على كثافة العلامات. فرضية: الرغبة تأتي من عدد العروض المقفلة التي يراها المستخدم في القائمة؛ أثر معتدل ومنتظم. فرضية: رؤية التقدم نحو الصفر ترفع الاستعداد للدفع عند نفاد الحصة. يلزم قياسه باختبار مقارن قبل التعميم.
اخترْه إذا… كان لدى العميل كتالوج كثيف في بعض المناطق ويريد تأثير «واو». كان الإطلاق بعروض قليلة ويريد الفريق أقل مخاطرة تقنية. كان نموذج العمل قائمًا على الاشتراك ويقبل العميل أسلوبًا أكثر تحفيزًا بقليل.

UX designer's recommendation: variant C as the base, keeping A's map as a tab (the map becomes the “on site” screen). This is the direction chosen on 2026-10-22.

توصية مصمم تجربة المستخدم: التصميم ج أساسًا، مع إبقاء خريطة التصميم أ كتبويب (تصبح الخريطة شاشة «في المكان»). وهذا هو الاتجاه المختار في 22‏/10‏/2026.

What the prototypes showماذا تُظهر النماذج