Hamza-AyedandClaude Opus 5
75b80bd299
- marketing: index.html من 2274 إلى 775 سطراً، والباقي إلى styles/ (tokens·base·components·sections·responsive) و js/ (app·i18n·calculator·analytics) و i18n/ بخمس لغات (ar·en·fr·es·tr) عبر سمة data-i18n. - docs/05 + docs/33 + لوحة السوبر-أدمن: الباقات صارت ثلاثاً (إطلاق · نمو · سيادة) بدل الأربع، وتحديث docs/31 بما يطابقها. - docs/36: توثيق سيرو إكسبرس للتوصيل. - تنظيف استيرادات غير مستعملة في apps/rider و apps/driver. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
313 lines
32 KiB
Markdown
313 lines
32 KiB
Markdown
# 31 — البرومت التصميمي الكامل لموقع Tripz التسويقي (يُسلَّم لـ Gemini كما هو)
|
||
|
||
> **مصادر القرارات:** الباقات والأرقام من [05](05-pricing-billing.md) · بنية اللاندنج والقمع من [12](12-landing-gtm.md) · الخطوط من [26](26-flutter-design-system.md) §1.
|
||
> **الاستخدام:** انسخ كل ما تحت السطر الفاصل التالي والصقه لـ Gemini (أو أي مصمم/نموذج). المستند مكتفٍ بذاته — لا يحتاج سياقاً خارجياً.
|
||
|
||
---
|
||
|
||
# PROMPT START — تصميم موقع Tripz.app التسويقي
|
||
|
||
## 0. دورك ومهمتك
|
||
|
||
أنت مدير إبداعي (Creative Director) + مصمم منتجات رقمية بمستوى عالمي، متخصص في مواقع B2B SaaS. مهمتك تصميم الموقع التسويقي الكامل لمنصة **Tripz** — منصة نقل ذكي كخدمة (Ride-hailing SaaS / White-label) — بجودة تضاهي أفضل مواقع القطاع عالمياً (onde.app، yelowsoft.com، stripe.com كمرجع جودة تنفيذ) لكن **بهوية بصرية مستقلة تماماً، لا استنساخ**.
|
||
|
||
التصميم مطلوب بأربع لغات: **العربية (الافتراضية، RTL) · الإنجليزية · الفرنسية · الإسبانية**.
|
||
|
||
**قاعدة حاكمة:** كل نص وكل رقم وكل ادّعاء في هذا البرومت نهائي ومعتمد — لا تخترع أرقاماً أو أسعاراً أو شهادات عملاء غير المذكورة هنا. إن احتجت نصاً غير موجود، اكتبه بنفس النبرة والصدق (لا مبالغات «الأفضل عالمياً»، لا عملاء وهميين).
|
||
|
||
---
|
||
|
||
## 1. خلفية المنتج (لفهمك — لا تُنشر حرفياً)
|
||
|
||
- **Tripz** منصة متعددة المستأجرين (Multi-tenant): مشغّل التكسي/الأسطول يحصل على تطبيق راكب + تطبيق سائق بعلامته التجارية على المتجرين، مع لوحة تحكم إدارية (My Hub) ونظام dispatch — دون أن يكتب سطر كود.
|
||
- المنصة مبنية على نظام يشغّل رحلات حقيقية منذ 2019 (تطبيق «سيرو» العامل في السوق) — أي أنها ليست نموذجاً أولياً بل نظام مجرّب أعيدت هندسته سحابياً.
|
||
- **السوق المستهدف:** مشغّلو الأساطيل ومكاتب التكسي ورواد الأعمال في الشرق الأوسط وأفريقيا وأمريكا اللاتينية — الأسواق التي يهملها المنافس الأكبر (Onde) أو يتعامل معها بغموض تسعيري.
|
||
- **موقعنا التنافسي (جوهر كل الرسائل):** نحن *عكس* المنافسين في ثلاث نقاط مؤلمة لديهم:
|
||
1. **الشفافية:** أسعارنا كاملة معلنة على الموقع (المنافسون يخفونها خلف مكالمات مبيعات).
|
||
2. **سيادة البيانات:** بيانات المشغّل قابلة للتصدير في أي وقت، وباقة «سيادة» تُنشَر داخل بلد العميل.
|
||
3. **التكلفة:** حدنا الأدنى $0.02/رحلة مقابل $0.10 عند Onde، ونسبتنا معلنة ومكتوبة في العقد.
|
||
- **قنوات البيع:** السوق يشتري بالواتساب لا بنماذج Calendly — زر واتساب حاضر دائماً. والديمو حيّ فوري بلا مكالمة مبيعات (عكس بوابة Onde المقفلة).
|
||
|
||
---
|
||
|
||
## 2. الهدف التجاري ومؤشرات النجاح
|
||
|
||
| الهدف | المؤشر |
|
||
|-------|--------|
|
||
| تحويل الزائر إلى محادثة مؤهلة | نقرات واتساب + بدء الديمو الحي (KPI أساسي: 20 محادثة مؤهلة/شهر) |
|
||
| بيع صامت 24/7 | استخدام حاسبة التوفير (إكمال الحساب = lead ساخن) |
|
||
| بناء الثقة في سوق يعتمد الغموض | زمن بقاء في صفحة التسعير العلنية + قراءة الأسئلة الشائعة |
|
||
| التميز في البحث العربي (فراغ محتوى شبه كامل) | ترتيب عضوي لعبارات مثل «تطبيق تكسي بعلامتك التجارية» |
|
||
|
||
**ترتيب أولوية الـ CTA في كل الصفحات:** ① جرّب الديمو الحي (فوري، بلا تسجيل مكالمة) ② تحدّث معنا على واتساب ③ احسب توفيرك (الحاسبة).
|
||
|
||
---
|
||
|
||
## 3. الجمهور — ثلاث شخصيات تُصمَّم لها الصفحة
|
||
|
||
1. **مالك مكتب تكسي تقليدي (10–100 مركبة):** يدير بالهاتف وWhatsApp، يخاف التقنية ويكره العمولات الخفية. رسالته: «خفّض تكلفة التشغيل حتى 50% — الأتمتة بدل الموزّع البشري». يحتاج لغة بسيطة، أرقاماً ملموسة، وإثباتاً أن النظام عربي ويشبهه.
|
||
2. **رائد أعمال/مستثمر في اقتصاد ناشئ (مصر، سوريا، العراق، أفريقيا الفرنكفونية، أمريكا اللاتينية):** يريد إطلاق «أوبر مدينته» حيث لا تصل الشركات الكبرى. رسالته: «انطلق خلال 30 يوماً برأس مال محدود — وقرّر لاحقاً إن كنت ستكبر». يحتاج مسار ترقية واضحاً وباقة دخول شبه مجانية.
|
||
3. **مؤسسة (فندق، شركة تأجير، جهة تنظيمية):** تريد قناة نقل خاصة أو نسخة داخل الدولة. رسالتها: «نسخة معزولة في بلدك، SLA 99.9%، واجهة للمنظّم». تحتاج نبرة مؤسسية وصفحة «سيادة» مخصصة.
|
||
|
||
---
|
||
|
||
## 4. السردية القصصية (بنية StoryBrand — تحكم ترتيب أقسام الصفحة الرئيسية)
|
||
|
||
البطل هو **المشغّل**، لا نحن. نحن المرشد.
|
||
|
||
1. **البطل وطموحه:** «مدينتك تحتاج تطبيق نقل — ولماذا لا يكون تطبيقك أنت؟»
|
||
2. **الخصم:** العمولات الخفية، منصات تأخذ 15% وتحتكر بياناتك، تطوير مخصص يكلف $150k–500k و18 شهراً.
|
||
3. **المرشد (نحن) وبرهانه:** نظام يشغّل رحلات حقيقية منذ 2019، أسعار معلنة، عقد يحترم العميل.
|
||
4. **الخطة (3 خطوات):** جرّب الديمو → أرسل شعارك وألوانك → أطلق خلال 30 يوماً.
|
||
5. **النجاح المتخيَّل:** لقطة لوحة التحكم وأرقام رحلات حية تحت علامة العميل.
|
||
6. **كلفة التقاعس:** حاسبة التوفير تُظهر كم يخسر شهرياً بالبقاء على الوضع الحالي.
|
||
|
||
كل قسم في الصفحة الرئيسية (§8) يقابل خطوة من هذه السردية بالترتيب.
|
||
|
||
---
|
||
|
||
## 5. الهوية البصرية
|
||
|
||
### 5.1 الاسم والشعار
|
||
- الاسم: **Tripz** (لاتيني دائماً حتى في النص العربي، مثل Uber وCareem).
|
||
- اتجاه الشعار: wordmark هندسي حديث، حرف **z** الأخير يُعالج كإشارة مسار/طريق (خط ينساب منه polyline خفيف). قدّم 3 اتجاهات للشعار ضمن التسليمات.
|
||
|
||
### 5.2 لوحة الألوان (نظام كامل light + dark)
|
||
|
||
الفكرة: **«ليل المدينة + إشارة التكسي»** — كحلي ليلي عميق يوحي بالخرائط الليلية والاحتراف، مع كهرماني إشاري يستدعي هوية التكسي عالمياً دون ابتذال الأصفر الفاقع.
|
||
|
||
| Token | Hex | الاستخدام |
|
||
|-------|-----|-----------|
|
||
| `midnight-900` | `#0A1128` | خلفيات الأقسام الداكنة، الـ hero، الفوتر |
|
||
| `midnight-700` | `#12203F` | بطاقات فوق الخلفية الداكنة |
|
||
| `brand-500` (أساسي) | `#2E4BFF` | أزرار أساسية، روابط، تركيز |
|
||
| `brand-600` | `#1F38D9` | حالة hover/pressed |
|
||
| `signal-400` (تمييز) | `#FFB800` | إبرازات، أرقام الحاسبة، شارة «الأكثر اختياراً»، مؤشر الخريطة |
|
||
| `surface-0` | `#FFFFFF` | خلفية الأقسام الفاتحة |
|
||
| `surface-50` | `#F6F8FC` | خلفية بديلة/بطاقات فاتحة |
|
||
| `ink-900` | `#101828` | نص أساسي على الفاتح |
|
||
| `ink-500` | `#5B6478` | نص ثانوي |
|
||
| `success-500` | `#12B76A` | أرقام التوفير، علامات ✓ في جداول المقارنة |
|
||
| `danger-500` | `#F04438` | أرقام تكلفة المنافس، علامات ✕ |
|
||
|
||
قواعد: الكهرماني `signal-400` لا يتجاوز 10% من أي شاشة (توابل لا طبق). التباين AA كحد أدنى لكل نص. الوضع الداكن مطلوب للموقع كاملاً (يتبع تفضيل النظام + مفتاح يدوي).
|
||
|
||
### 5.3 الخطوط
|
||
- **العربية:** IBM Plex Sans Arabic (أوزان 400/500/600/700).
|
||
- **اللاتينية (en/fr/es):** Inter، والعناوين الكبيرة H1/H2 بـ **Space Grotesk** لشخصية تقنية مميزة.
|
||
- **الأرقام دائماً لاتينية (1 2 3) في كل اللغات بما فيها العربية** — أرقام الأسعار والحاسبة بخاصية `tabular-nums`.
|
||
- سلم الأحجام (desktop): H1 clamp(40→64px) · H2 36px · H3 24px · body 18px · caption 14px. سطر العربية أوسع 8% من اللاتينية (line-height 1.7 مقابل 1.55).
|
||
|
||
### 5.4 لغة الصورة
|
||
- **لقطات المنتج حقيقية** داخل إطارات هواتف ثلاثية الأبعاد نظيفة — النسخة العربية تعرض لقطات RTL فعلاً (هذا وحده تمايز عن كل المنافسين الذين يعرضون لقطات إنجليزية للسوق العربي).
|
||
- خلفيات خرائط ليلية مجردة (خطوط طرق، polylines متوهجة بـ `brand-500` و`signal-400`) — بلا صور ستوك لأشخاص مبتسمين في مكاتب.
|
||
- أيقونات خطية stroke 1.5px بزوايا مستديرة (مرجع: Lucide) موحدة في الموقع كله.
|
||
- الرسوم التوضيحية isometric خفيفة لمشاهد المدينة/الأسطول إن لزمت — بنفس اللوحة اللونية حصراً.
|
||
|
||
### 5.5 الشبكة والمقاسات
|
||
- Grid: 12 عموداً، أقصى عرض محتوى 1200px، هوامش 24px موبايل / 80px desktop.
|
||
- إيقاع المسافات مضاعفات 8px. زوايا البطاقات 16px، الأزرار 12px، الأزرار الرئيسية بارتفاع 52px.
|
||
- ظلال ناعمة منخفضة (`0 4px 24px rgba(10,17,40,.08)`) — لا ظلال قاسية.
|
||
- Breakpoints: 390 / 768 / 1024 / 1440.
|
||
|
||
---
|
||
|
||
## 6. نظام الحركة (Motion) — إلزامي لا تجميلي
|
||
|
||
**المبادئ:** الحركة تشرح (توجّه العين للقيمة) ولا تستعرض. مدد قصيرة: 150–300ms للعناصر التفاعلية، 500–800ms لمداخل الأقسام. Easing: `cubic-bezier(0.16, 1, 0.3, 1)` للمداخل، `ease-out` للـ hover. **احترام `prefers-reduced-motion` إلزامي** (تتحول كل الحركات لظهور فوري بلا إزاحة).
|
||
|
||
مواصفات حركية محددة:
|
||
|
||
| العنصر | الحركة |
|
||
|--------|--------|
|
||
| خلفية الـ Hero | خريطة ليلية مجردة تتحرك فيها 3–4 علامات مركبات ببطء على polylines متوهجة + نبضة دبوس التقاط كل 6 ثوانٍ (SVG/Lottie، وزن < 150KB) |
|
||
| عنوان الـ Hero | ظهور الكلمات متدرجاً (stagger 60ms، إزاحة 16px للأعلى) |
|
||
| هواتف الـ Hero | طفو بطيء (translateY ±6px، دورة 6s) + دوران 3D خفيف عند حركة المؤشر (desktop فقط، بحد 4°) |
|
||
| عدّادات الأرقام | count-up عند دخول viewport (800ms، مرة واحدة) |
|
||
| تبويبات المنتج | تبديل لقطات crossfade + انزلاق 24px، ومؤشر التبويب ينزلق بمرونة |
|
||
| الحاسبة | الأرقام تتدحرج (odometer)، شريط التوفير ينمو أفقياً، رقم التوفير السنوي ينبض مرة بـ `signal-400` عند التحديث |
|
||
| الخط الزمني (30 يوماً) | خط التقدم يُرسم مع التمرير (scroll-linked) وتضيء كل مرحلة عند بلوغها |
|
||
| بطاقات التسعير | تبديل شهري/سنوي بقلب رقم fade 200ms؛ البطاقة الموصى بها مرفوعة 8px بظل أقوى |
|
||
| صفوف جدول المقارنة | ظهور متدرج 40ms/صف، علامات ✓ تُرسم (SVG stroke draw) |
|
||
| زر CTA الرئيسي | لمعة ضوئية تعبر الزر كل 8 ثوانٍ (subtle sheen) + scale 1.02 عند hover |
|
||
|
||
---
|
||
|
||
## 7. خريطة الموقع (Sitemap)
|
||
|
||
```
|
||
/{lang}/ الرئيسية (المواصفة الكاملة في §8)
|
||
/{lang}/pricing التسعير العلني الكامل (§9)
|
||
/{lang}/product/rider تطبيق الراكب
|
||
/{lang}/product/driver تطبيق السائق
|
||
/{lang}/product/dispatch لوحة الموزّع
|
||
/{lang}/product/admin لوحة التحكم My Hub
|
||
/{lang}/solutions/fleets مكاتب وأساطيل التكسي
|
||
/{lang}/solutions/startups رواد الأعمال والأسواق الناشئة
|
||
/{lang}/solutions/sovereign «سيادة» — الحكومات والمؤسسات
|
||
/{lang}/how-it-works رحلة الإطلاق (30 يوماً) + المتطلبات الفنية من العميل
|
||
/{lang}/case-study/siro دراسة حالة سيرو
|
||
/{lang}/faq الأسئلة الصريحة
|
||
/{lang}/blog المحتوى (يُصمَّم قالبه فقط)
|
||
/{lang}/legal/* الخصوصية، الشروط، اتفاقية معالجة البيانات
|
||
demo.tripz.app الديمو الحي (خارج نطاق هذا التصميم — يكفي زر يقود إليه)
|
||
```
|
||
|
||
اللغات: `ar` (افتراضية) · `en` · `fr` · `es` — مبدّل لغة دائم في الترويسة (أسماء اللغات بلسانها: العربية، English، Français, Español).
|
||
|
||
---
|
||
|
||
## 8. الصفحة الرئيسية — قسماً قسماً (13 قسماً بالترتيب)
|
||
|
||
> النصوص أدناه معتمدة. العربية والإنجليزية كاملتان؛ الفرنسية والإسبانية مذكورتان للعناوين الكبرى، وباقي نصوصهما تُترجم بنفس النبرة (مخاطبة مباشرة، جمل قصيرة، صفر مبالغة).
|
||
|
||
### القسم 1 — الترويسة (sticky)
|
||
شعار Tripz · روابط: المنتج (قائمة منسدلة بالمكونات الأربعة) · الحلول · التسعير · كيف نطلق · الموارد · مبدّل اللغة · مبدّل داكن/فاتح · زر CTA بلون `brand-500`: «جرّب الديمو». الترويسة تصبح زجاجية (backdrop-blur) بعد التمرير 80px.
|
||
|
||
### القسم 2 — Hero (خلفية `midnight-900` بخريطة متحركة)
|
||
- **H1:**
|
||
- AR: «أطلق تطبيق النقل **بعلامتك** — خلال 30 يوماً، وبياناتك تبقى لك.»
|
||
- EN: "Launch ride-hailing **under your brand** — live in 30 days, your data stays yours."
|
||
- FR: « Lancez votre plateforme VTC **sous votre marque** — en 30 jours, vos données restent les vôtres. »
|
||
- ES: «Lanza tu plataforma de transporte **con tu marca** — en 30 días, y tus datos siguen siendo tuyos.»
|
||
- **تحت العنوان:** AR: «تطبيقا راكب وسائق على المتجرين، لوحة تحكم وdispatch — بنسبة معلنة على الموقع وعقد يضمن تصدير بياناتك في أي وقت.» / EN: "Rider & driver apps on both stores, admin panel and dispatch — with pricing published right here and a contract that guarantees data export, anytime."
|
||
- **CTAs:** أساسي «جرّب الديمو الحي» / ثانوي بأيقونة واتساب «تحدّث معنا على واتساب».
|
||
- **سطر ثقة صغير تحت الأزرار:** «بلا بطاقة ائتمانية · ديمو فوري بلا مكالمة مبيعات».
|
||
- **بصرياً:** هاتفان (راكب RTL + سائق) يطفوان يمين العنوان (يساره في RTL) فوق الخريطة المتحركة.
|
||
|
||
### القسم 3 — شريط برهان رقمي (عدّادات على خلفية فاتحة)
|
||
أربعة أرقام معتمدة فقط: **«يشغّل رحلات حقيقية منذ 2019»** · **«$0.02 الحد الأدنى للرحلة — الأدنى في الفئة»** · **«30 يوماً من العقد إلى المتجرين»** · **«4 لغات، RTL أصيل»**. (لا تخترع أعداد مدن/عملاء.)
|
||
|
||
### القسم 4 — الركائز الثلاث (مقلوبة من ثغرات المنافس)
|
||
ثلاث بطاقات بأيقونة + عنوان + سطرين:
|
||
1. **«بياناتك سيادتك»** — تصدير كامل في أي وقت، فترة انتقال 60 يوماً مكتوبة في العقد، وخيار نشر داخل بلدك.
|
||
2. **«تكلفة بلا مفاجآت»** — النسبة معلنة هنا في صفحة التسعير. لا فاتورة خرائط مخفية، لا حد أدنى $0.10.
|
||
3. **«أسرع من أن تتردد»** — نظام مجرّب منذ 2019، لا نبنيه من الصفر: نلبسه علامتك ونطلقه خلال 30 يوماً.
|
||
|
||
### القسم 5 — مكونات المنصة (تبويبات تفاعلية)
|
||
أربعة تبويبات: **تطبيق الراكب · تطبيق السائق · لوحة الموزّع · My Hub**. كل تبويب: لقطة شاشة حقيقية (RTL في النسخة العربية) + 3 نقاط ميزات:
|
||
- الراكب: طلب بعرض أسعار الفئات قبل التأكيد · تتبّع حي · دفع كاش ومحفظة.
|
||
- السائق: محفظة واشتراكات (90/180/360 يوماً) · خريطة طلب واضحة · أرباح لحظية.
|
||
- الموزّع: إسناد يدوي وآلي · خريطة الأسطول الحية · حجوزات هاتفية.
|
||
- My Hub: التعرفة والفئات · تقارير ومالية شفافة · إدارة السائقين والوثائق (بذكاء اصطناعي لفحص الوثائق).
|
||
|
||
### القسم 6 — حاسبة التوفير (أهم أداة بيع — أبرِزها بصرياً على خلفية `midnight-700`)
|
||
- **العنوان:** AR: «كم ستوفّر مع Tripz؟ احسبها بنفسك.» / EN: "How much would you save with Tripz? Do the math."
|
||
- **المدخلات:** رحلات/يوم (slider 50–5,000) · متوسط الأجرة + العملة (JOD, EGP, SYP, USD, EUR, MAD, XOF) · الباقة (افتراضي: علامة).
|
||
- **المعادلة (تنفَّذ JS في المتصفح):** `فاتورة Tripz = $99 + max(الرحلات×$0.02، شرائح GMV: 2.5% حتى $50k ثم 2% حتى $200k ثم 1.5%)`.
|
||
- **المخرجات المعروضة جنباً إلى جنب:** فاتورة Tripz الشهرية (بـ `success-500`) مقابل: منصة عمولة 15% (بـ `danger-500`) ومنصة بحد أدنى $0.10/رحلة. ثم سطر كبير: **«توفيرك السنوي: X»** بـ `signal-400`.
|
||
- CTA تحت النتيجة: «أرسل هذه الحسبة لنا على واتساب» (يفتح واتساب برسالة مسبقة تتضمن الأرقام).
|
||
|
||
### القسم 7 — كيف نُطلق: خط زمني من 5 مراحل / 30 يوماً
|
||
1. **يوم 1–3:** نحدد معك المدينة والفئات والتعرفة واللغات.
|
||
2. **يوم 4–7:** ترسل الشعار والألوان وحسابات المطوّر (قائمة المتطلبات في صفحة «كيف نطلق»: أيقونة 1024×1024، شعار شفاف 4:1، لون Hex، ملفا Firebase، معرّفات Apple/Google، مفاتيح الدفع).
|
||
3. **يوم 8–14:** نبني نسختك ونربط بوابة الدفع والرسائل، ونرحّل سائقيك وأرصدتهم إن كنت تعمل بنظام قديم — **بلا يوم توقف واحد**.
|
||
4. **يوم 15–21:** نشر على TestFlight ومسار Beta وتجربة معك ميدانياً.
|
||
5. **يوم 22–30:** مراجعة المتاجر والإطلاق الحي بإشرافنا المباشر.
|
||
|
||
### القسم 8 — التسعير (ملخص 4 بطاقات + رابط للصفحة الكاملة)
|
||
البطاقات وفق §9 بالضبط. فوقها سطر: «نعم — أسعارنا كلها هنا. علناً.» وهو بحد ذاته رسالة تسويقية في سوق يعتمد الغموض.
|
||
|
||
### القسم 9 — جدول المقارنة الصريح
|
||
أعمدة: **Tripz · Onde · تطوير مخصص**. صفوف: تكلفة البدء ($0–12,000 / $4,500–23,000 / $150k–500k) · الزمن حتى الإطلاق (30 يوماً / أسابيع–أشهر / 9–18 شهراً) · الحد الأدنى للرحلة ($0.02 / $0.10 / —) · النسبة معلنة؟ (✓ / ✕ / —) · تصدير البيانات مضمون بالعقد (✓ / ✕ / ✓) · استضافة داخل بلدك (✓ باقة سيادة / ✕ / ✓) · دعم عربي أصيل RTL (✓ / جزئي / حسب المطوّر).
|
||
|
||
### القسم 10 — دراسة حالة سيرو
|
||
«قبل أن نبيعه لغيرنا، شغّلنا به شركتنا»: قصة قصيرة (3 فقرات) + لقطة، وأرقام تشغيل حقيقية تُستكمل من فريقنا (اترك عناصر نائبة {X رحلة}، {Y سائق}، {Z مدينة} — لا تخترعها). اقتباس شخصي من المؤسس بصيغة شهادة.
|
||
|
||
### القسم 11 — شريط الأمان والامتثال (خلفية داكنة، شارات)
|
||
«الدفع عبر شركاء معتمدين PCI DSS (Paymob وغيرها) — بيانات البطاقات لا تمر بخوادمنا» · «3-D Secure» · «تشفير TLS كامل» · «نسخ احتياطي يومي» · «اتفاقية معالجة بيانات واضحة». شارات رمادية أحادية اللون، صف واحد.
|
||
|
||
### القسم 12 — الأسئلة الصريحة (أكورديون، 6 أسئلة)
|
||
1. **من يملك بيانات الركاب والسائقين؟** أنت. تصدّرها كاملة في أي وقت، والعقد يلزمنا بفترة انتقال 60 يوماً إن قررت المغادرة.
|
||
2. **ماذا لو أفلستم أو أغلقتم؟** باقة «سيادة» تعمل من خوادم داخل بلدك، ولكل الباقات ضمان تصدير + escrow اختياري للكود.
|
||
3. **كم النسبة بالضبط؟** مكتوبة في صفحة التسعير: 5% (انطلاقة) · 2.5% (علامة) · 2% (أسطول+) · 1% (سيادة) — تنازلية مع نمو GMV.
|
||
4. **هل أحتاج فريقاً تقنياً؟** لا. النشر والتحديثات والمتاجر علينا. أنت تدير التشغيل من لوحة عربية.
|
||
5. **عندي تطبيق قديم وسائقون نشطون — هل أخسرهم؟** لا: نرحّل السائقين والأرصدة والسجلات بلا يوم توقف.
|
||
6. **هل يدعم الدفع كاش؟** نعم، الكاش افتراضي أساسي، والمحافظ والبطاقات إضافات حسب بلدك (Paymob في مصر، وبوابات محلية أخرى).
|
||
|
||
### القسم 13 — CTA الختامي + الفوتر
|
||
- خلفية `midnight-900` بخريطة ساكنة خافتة. **H2:** AR: «مدينتك تنتظر تطبيقها. ابدأ اليوم.» / EN: "Your city is waiting for its app. Start today." / FR: « Votre ville attend son application. Commencez aujourd'hui. » / ES: «Tu ciudad espera su aplicación. Empieza hoy.»
|
||
- زران: «جرّب الديمو الحي» + «واتساب».
|
||
- الفوتر: أعمدة (المنتج · الحلول · الموارد · الشركة · القانوني) + مبدّل اللغة + أيقونات تواصل + سطر حقوق.
|
||
- **زر واتساب عائم** أسفل يسار الشاشة (يمينها في LTR) في كل الصفحات — بحجم لا يغطي المحتوى على الموبايل.
|
||
|
||
---
|
||
|
||
## 9. صفحة التسعير — المواصفة الكاملة (الأرقام نهائية، لا تُعدَّل)
|
||
|
||
### 9.1 البطاقات الأربع
|
||
|
||
| | **إطلاق** | **نمو** ★ الأكثر اختياراً | **سيادة** |
|
||
|---|---|---|---|
|
||
| الإعداد | **$4,900** | **$8,500** | **$13,500+** |
|
||
| شهرياً | **$349** | **$599** | **$879** |
|
||
| نسبة GMV | 2.5% | 2% | 1% |
|
||
| حد أدنى/رحلة | $0.04 | $0.03 | $0.02 |
|
||
| الجوهر | تطبيقك الكامل على المتجرين — مدينة واحدة فقط. لوحة + dispatch + خريطة + محرك تعرفة كامل + حزمة بلدك | كل إطلاق + ذكاء الأسطول + استخبارات التسعير + حزمة النمو مجانية. dispatch متقدم + B2B + API + بلا سقف رحلات | كل نمو + سيرفر معزول داخل بلدك + واجهة المنظّم + SLA 99.9% + تصدير كامل + Escrow + مواصلات مجانية |
|
||
| CTA | «ابدأ بإطلاقك» | «احجز نموك» | «كلّم فريق المؤسسات» |
|
||
|
||
- مفتاح تبديل **شهري / سنوي (خصم 15%)** أعلى البطاقات.
|
||
- بطاقة «علامة» مميزة بشارة `signal-400` ومرفوعة بصرياً.
|
||
- تحت البطاقات: **شرائح النسبة التنازلية** (رسم بسيط): حتى $50k → 2.5% · $50–200k → 2% · فوق $200k → 1.5% (باقة علامة) — «كلما كبرت، صغرت نسبتنا».
|
||
|
||
### 9.2 صندوق «عقدنا عكس السوق» (إطار بارز داخل الصفحة)
|
||
ثلاثة تعهدات مكتوبة: ① النسبة معلنة ومثبتة في العقد ② تصدير بياناتك كاملة في أي وقت ③ إن غادرت: فترة انتقال 60 يوماً بدل القطع الفوري.
|
||
|
||
### 9.3 شريط «الشريك المؤسِّس»
|
||
«أول 3 مشغّلين: إعداد مجاني مقابل نقطة مئوية إضافية لسنة + دراسة حالة باسمك» — عدّاد مقاعد متبقية (3/2/1).
|
||
|
||
### 9.4 الدفع
|
||
- زر «احجز إطلاقك» يقود لصفحة checkout بسيطة: ملخص الباقة → الدفع عبر **Paymob** (بطاقات، محافظ مصرية، تقسيط حيث يتاح) أو تحويل بنكي للمبالغ الكبيرة.
|
||
- شارات PCI DSS + 3DS بجانب زر الدفع. لا نجمع بيانات بطاقة في نماذجنا إطلاقاً — إعادة توجيه/iframe لبوابة الدفع.
|
||
- حاسبة التوفير (نفس مكوّن §8-القسم 6) مضمّنة أسفل الصفحة.
|
||
|
||
### 9.5 أسئلة تسعير خاصة (أكورديون)
|
||
تشمل: «ماذا يحدث بعد سقف انطلاقة؟» (ترقية لعلامة ويُخصم ما دفعت) · «هل الترقية تخسرني شيئاً؟» (لا — كل ترقية تخصم إعداد الباقة السابقة) · «بأي عملة أدفع؟» (USD مرجعية، والتحصيل المحلي عبر Paymob بعملتك حيث يتاح).
|
||
|
||
---
|
||
|
||
## 10. تعدد اللغات وRTL — قواعد إلزامية
|
||
|
||
1. العربية هي اللغة **الافتراضية** والتصميم الأم يبدأ RTL ثم يُشتق LTR — لا العكس.
|
||
2. انعكاس كامل في RTL: اتجاه الشبكة، الأسهم، مواضع الأيقونات داخل الأزرار، اتجاه الخطوط الزمنية وشرائح الـ slider، ومواضع الهواتف في الـ hero. **ما لا ينعكس:** الأرقام، الشعارات اللاتينية، لقطات الخرائط، رموز العملات.
|
||
3. لقطات الشاشة تتبدل مع اللغة: النسخة العربية تعرض لقطات RTL عربية، والإنجليزية/الفرنسية/الإسبانية لقطات LTR.
|
||
4. URLs: `/{lang}/path` + وسوم `hreflang` متبادلة + `dir="rtl" lang="ar"` على مستوى الجذر.
|
||
5. الطول المتغير للنصوص: الفرنسية أطول بـ ~20% من الإنجليزية — الأزرار والبطاقات تصمَّم بمرونة عرضية، ممنوع قصّ النص أو تصغير الخط تلقائياً تحت 14px.
|
||
6. مبدّل اللغة يعرض أسماء اللغات بلسانها ويحفظ الاختيار.
|
||
|
||
---
|
||
|
||
## 11. الأداء والإتاحة وSEO (ميزانيات ملزمة)
|
||
|
||
- **Core Web Vitals:** LCP < 2.5s (موبايل 4G) · INP < 200ms · CLS < 0.1. خريطة الـ hero المتحركة lazy بعد الرسم الأول، وزن الصفحة الرئيسية < 1.5MB أول تحميل.
|
||
- **إتاحة WCAG AA:** تباين نصوص كامل، تنقّل لوحة مفاتيح لكل التفاعلات (تبويبات، أكورديون، حاسبة)، `focus-visible` واضح بلون `brand-500`، alt نصي لكل لقطات المنتج، الحاسبة تعلن نتائجها لقارئ الشاشة (`aria-live`).
|
||
- **SEO:** عناوين H1 فريدة لكل صفحة/لغة، schema.org (`SoftwareApplication` + `FAQPage` + `Offer` للأسعار)، OG images لكل لغة، والكلمات المفتاحية العربية المستهدفة: «تطبيق تكسي بعلامتك التجارية» · «نظام إدارة أسطول تكسي» · «بديل أوبر لشركتي».
|
||
- التنفيذ المستهدف (للعلم): موقع ثابت Next.js/Astro، الحاسبة JS بحت بلا خادم.
|
||
|
||
---
|
||
|
||
## 12. المخرجات المطلوبة منك (Deliverables)
|
||
|
||
1. **نظام التصميم:** صفحة tokens (ألوان، خطوط، مسافات، ظلال، زوايا) + مكتبة مكونات (أزرار بحالاتها، بطاقات، تبويبات، أكورديون، حقول، جداول، شارات) — بوضعي light/dark.
|
||
2. **الصفحة الرئيسية كاملة:** desktop 1440 + mobile 390، بنسختين **عربية RTL وإنجليزية LTR** (الفرنسية/الإسبانية تتبعان الإنجليزية بنياً).
|
||
3. **صفحة التسعير كاملة:** desktop + mobile، عربية + إنجليزية.
|
||
4. **صفحة داخلية واحدة نموذجاً:** «كيف نطلق» (الخط الزمني + جدول المتطلبات الفنية).
|
||
5. **ستوري بورد الحركة:** وصف/إطارات لكل حركات §6 (يكفي وصف دقيق بالمدد والمنحنيات إن تعذّر التحريك).
|
||
6. **3 اتجاهات شعار** Tripz مع تطبيقها على الترويسة والفافيكون وشاشة OG.
|
||
|
||
**معايير القبول:** التزام حرفي بالأرقام والأسعار والنصوص المعتمدة أعلاه · RTL أصيل لا mirror آلي مكسور · تباين AA · بطاقة «علامة» هي البؤرة البصرية في التسعير · حضور واتساب دائم · لا صور ستوك عامة ولا عملاء وهميين.
|
||
|
||
# PROMPT END
|
||
|
||
---
|
||
|
||
## ملحق داخلي (لا يُرسل لـ Gemini): ما بُدّل عن بحث المالك ولماذا
|
||
|
||
| بند البحث (نموذج Onde) | قرارنا في البرومت | السبب |
|
||
|------------------------|-------------------|-------|
|
||
| باقات Onde ($4,500/$8,500/$23,000 + تثبيتات مدفوعة) | باقاتنا الأربع من docs/05 كما هي | الأسعار محسومة سابقاً، وموقعنا التنافسي هو *عكس* نموذج Onde لا نسخه |
|
||
| إطلاق خلال أسبوعين | 30 يوماً | وعد docs/12 المحفوظ — قابل للوفاء، والصدق أهم من السباق |
|
||
| Google PPC + LinkedIn كقنوات أساسية | الموقع مُصمَّم لقمع واتساب + ديمو حي + محتوى عربي | قرار docs/12: بلا ميزانية إعلانات في المرحلة الأولى |
|
||
| حاسبة أرباح عامة | حاسبة توفير بمعادلة docs/05 الفعلية وعملات أسواقنا | أداة البيع الصامت الأساسية — أرقام حقيقية لا تقديرية |
|
||
| تجربة 14 يوماً مجانية | ديمو حي فوري + باقة انطلاقة $0 | نموذجنا أقوى من trial: الدخول مجاني فعلاً حتى 10k رحلة |
|