- 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>
32 KiB
31 — البرومت التصميمي الكامل لموقع Tripz التسويقي (يُسلَّم لـ Gemini كما هو)
مصادر القرارات: الباقات والأرقام من 05 · بنية اللاندنج والقمع من 12 · الخطوط من 26 §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) أو يتعامل معها بغموض تسعيري.
- موقعنا التنافسي (جوهر كل الرسائل): نحن عكس المنافسين في ثلاث نقاط مؤلمة لديهم:
- الشفافية: أسعارنا كاملة معلنة على الموقع (المنافسون يخفونها خلف مكالمات مبيعات).
- سيادة البيانات: بيانات المشغّل قابلة للتصدير في أي وقت، وباقة «سيادة» تُنشَر داخل بلد العميل.
- التكلفة: حدنا الأدنى $0.02/رحلة مقابل $0.10 عند Onde، ونسبتنا معلنة ومكتوبة في العقد.
- قنوات البيع: السوق يشتري بالواتساب لا بنماذج Calendly — زر واتساب حاضر دائماً. والديمو حيّ فوري بلا مكالمة مبيعات (عكس بوابة Onde المقفلة).
2. الهدف التجاري ومؤشرات النجاح
| الهدف | المؤشر |
|---|---|
| تحويل الزائر إلى محادثة مؤهلة | نقرات واتساب + بدء الديمو الحي (KPI أساسي: 20 محادثة مؤهلة/شهر) |
| بيع صامت 24/7 | استخدام حاسبة التوفير (إكمال الحساب = lead ساخن) |
| بناء الثقة في سوق يعتمد الغموض | زمن بقاء في صفحة التسعير العلنية + قراءة الأسئلة الشائعة |
| التميز في البحث العربي (فراغ محتوى شبه كامل) | ترتيب عضوي لعبارات مثل «تطبيق تكسي بعلامتك التجارية» |
ترتيب أولوية الـ CTA في كل الصفحات: ① جرّب الديمو الحي (فوري، بلا تسجيل مكالمة) ② تحدّث معنا على واتساب ③ احسب توفيرك (الحاسبة).
3. الجمهور — ثلاث شخصيات تُصمَّم لها الصفحة
- مالك مكتب تكسي تقليدي (10–100 مركبة): يدير بالهاتف وWhatsApp، يخاف التقنية ويكره العمولات الخفية. رسالته: «خفّض تكلفة التشغيل حتى 50% — الأتمتة بدل الموزّع البشري». يحتاج لغة بسيطة، أرقاماً ملموسة، وإثباتاً أن النظام عربي ويشبهه.
- رائد أعمال/مستثمر في اقتصاد ناشئ (مصر، سوريا، العراق، أفريقيا الفرنكفونية، أمريكا اللاتينية): يريد إطلاق «أوبر مدينته» حيث لا تصل الشركات الكبرى. رسالته: «انطلق خلال 30 يوماً برأس مال محدود — وقرّر لاحقاً إن كنت ستكبر». يحتاج مسار ترقية واضحاً وباقة دخول شبه مجانية.
- مؤسسة (فندق، شركة تأجير، جهة تنظيمية): تريد قناة نقل خاصة أو نسخة داخل الدولة. رسالتها: «نسخة معزولة في بلدك، SLA 99.9%، واجهة للمنظّم». تحتاج نبرة مؤسسية وصفحة «سيادة» مخصصة.
4. السردية القصصية (بنية StoryBrand — تحكم ترتيب أقسام الصفحة الرئيسية)
البطل هو المشغّل، لا نحن. نحن المرشد.
- البطل وطموحه: «مدينتك تحتاج تطبيق نقل — ولماذا لا يكون تطبيقك أنت؟»
- الخصم: العمولات الخفية، منصات تأخذ 15% وتحتكر بياناتك، تطوير مخصص يكلف $150k–500k و18 شهراً.
- المرشد (نحن) وبرهانه: نظام يشغّل رحلات حقيقية منذ 2019، أسعار معلنة، عقد يحترم العميل.
- الخطة (3 خطوات): جرّب الديمو → أرسل شعارك وألوانك → أطلق خلال 30 يوماً.
- النجاح المتخيَّل: لقطة لوحة التحكم وأرقام رحلات حية تحت علامة العميل.
- كلفة التقاعس: حاسبة التوفير تُظهر كم يخسر شهرياً بالبقاء على الوضع الحالي.
كل قسم في الصفحة الرئيسية (§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 — الركائز الثلاث (مقلوبة من ثغرات المنافس)
ثلاث بطاقات بأيقونة + عنوان + سطرين:
- «بياناتك سيادتك» — تصدير كامل في أي وقت، فترة انتقال 60 يوماً مكتوبة في العقد، وخيار نشر داخل بلدك.
- «تكلفة بلا مفاجآت» — النسبة معلنة هنا في صفحة التسعير. لا فاتورة خرائط مخفية، لا حد أدنى $0.10.
- «أسرع من أن تتردد» — نظام مجرّب منذ 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–3: نحدد معك المدينة والفئات والتعرفة واللغات.
- يوم 4–7: ترسل الشعار والألوان وحسابات المطوّر (قائمة المتطلبات في صفحة «كيف نطلق»: أيقونة 1024×1024، شعار شفاف 4:1، لون Hex، ملفا Firebase، معرّفات Apple/Google، مفاتيح الدفع).
- يوم 8–14: نبني نسختك ونربط بوابة الدفع والرسائل، ونرحّل سائقيك وأرصدتهم إن كنت تعمل بنظام قديم — بلا يوم توقف واحد.
- يوم 15–21: نشر على TestFlight ومسار Beta وتجربة معك ميدانياً.
- يوم 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 أسئلة)
- من يملك بيانات الركاب والسائقين؟ أنت. تصدّرها كاملة في أي وقت، والعقد يلزمنا بفترة انتقال 60 يوماً إن قررت المغادرة.
- ماذا لو أفلستم أو أغلقتم؟ باقة «سيادة» تعمل من خوادم داخل بلدك، ولكل الباقات ضمان تصدير + escrow اختياري للكود.
- كم النسبة بالضبط؟ مكتوبة في صفحة التسعير: 5% (انطلاقة) · 2.5% (علامة) · 2% (أسطول+) · 1% (سيادة) — تنازلية مع نمو GMV.
- هل أحتاج فريقاً تقنياً؟ لا. النشر والتحديثات والمتاجر علينا. أنت تدير التشغيل من لوحة عربية.
- عندي تطبيق قديم وسائقون نشطون — هل أخسرهم؟ لا: نرحّل السائقين والأرصدة والسجلات بلا يوم توقف.
- هل يدعم الدفع كاش؟ نعم، الكاش افتراضي أساسي، والمحافظ والبطاقات إضافات حسب بلدك (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 — قواعد إلزامية
- العربية هي اللغة الافتراضية والتصميم الأم يبدأ RTL ثم يُشتق LTR — لا العكس.
- انعكاس كامل في RTL: اتجاه الشبكة، الأسهم، مواضع الأيقونات داخل الأزرار، اتجاه الخطوط الزمنية وشرائح الـ slider، ومواضع الهواتف في الـ hero. ما لا ينعكس: الأرقام، الشعارات اللاتينية، لقطات الخرائط، رموز العملات.
- لقطات الشاشة تتبدل مع اللغة: النسخة العربية تعرض لقطات RTL عربية، والإنجليزية/الفرنسية/الإسبانية لقطات LTR.
- URLs:
/{lang}/path+ وسومhreflangمتبادلة +dir="rtl" lang="ar"على مستوى الجذر. - الطول المتغير للنصوص: الفرنسية أطول بـ ~20% من الإنجليزية — الأزرار والبطاقات تصمَّم بمرونة عرضية، ممنوع قصّ النص أو تصغير الخط تلقائياً تحت 14px.
- مبدّل اللغة يعرض أسماء اللغات بلسانها ويحفظ الاختيار.
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)
- نظام التصميم: صفحة tokens (ألوان، خطوط، مسافات، ظلال، زوايا) + مكتبة مكونات (أزرار بحالاتها، بطاقات، تبويبات، أكورديون، حقول، جداول، شارات) — بوضعي light/dark.
- الصفحة الرئيسية كاملة: desktop 1440 + mobile 390، بنسختين عربية RTL وإنجليزية LTR (الفرنسية/الإسبانية تتبعان الإنجليزية بنياً).
- صفحة التسعير كاملة: desktop + mobile، عربية + إنجليزية.
- صفحة داخلية واحدة نموذجاً: «كيف نطلق» (الخط الزمني + جدول المتطلبات الفنية).
- ستوري بورد الحركة: وصف/إطارات لكل حركات §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 رحلة |