الاتصال 92 — موقع المنتج

من تنفيذ يوسف سالم حسن

من الموجز حتى الإطلاق
يوم واحد
من الموجز حتى الإطلاق
لقطة حقيقية من المنتج
٣٢
لقطة حقيقية من المنتج
كل اللقطات بصيغة WebP
~١ م.ب
كل اللقطات بصيغة WebP
ذاكرة خادم مستخدمة (ثابت)
٠ م.ب
ذاكرة خادم مستخدمة (ثابت)
01

نظرة عامة

الاتصال 92 — موقع المنتج — موقع تسويقي بالعربية أولًا والإنجليزية لاشتراك مركز اتصال سحابي: عشرة أقسام من الموجز التسويقي ولقطات حقيقية من التطبيق والأسعار وصفحتا الخصوصية والشروط التي تطلبها متاجر التطبيقا…

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

دوري

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

02

التحدي

احتاج تطبيق مركز الاتصال إلى صفحة عامة قبل رفعه للمتاجر: صفحة تشرح المنتج للشركات السعودية بالعربية والإنجليزية وتعرض شاشات حقيقية والأسعار، وتستضيف سياسة الخصوصية والشروط التي يربط بها App Store وGoogle Play، دون أن تضيف حملًا على خادم الاتصالات الذي تشاركه.

03

الحل

تصدير ثابت من Next.js يقدّمه nginx فلا يعمل شيء على الخادم. العربية افتراضية (RTL) مع الإنجليزية، ووضعان فاتح وداكن، وكل النصوص في قاموسين يُفحص تطابقهما في كل بناء. الأقسام العشرة تتبع الموجز: الواجهة مع شاشة مكالمة واردة مبنية بـ HTML، والمشكلة، وطريقة العمل، والمزايا، وشاشات التطبيق، ولوحة المديرين، والأسعار، والوكيل الصوتي الذكي، والأسئلة الشائعة، والتواصل.

التقنيات المستخدمة

7

اللغات

TypeScript

التجربة والواجهة

Next.jsReactTailwind CSS

أخرى

nginxi18n (AR/EN)Accessibility
04

أبرز النتائج

  • منشور على center.technology92.com بالعربية والإنجليزية، مع صفحتي الخصوصية والشروط للمتاجر مكتوبتين من جرد بيانات التطبيق وصلاحياته وإعدادات الاحتفاظ.
  • ٢٨ لقطة من محاكي iOS (عربي/إنجليزي، فاتح/داكن) و٤ لقطات للوحة الويب على خادم ببيانات تجريبية، نحو ١ م.ب إجمالًا بصيغة WebP.
  • مصمم للجوال أولًا: مُختبر على ٣٦٠ و٣٧٥ و٧٦٨ و١٤٤٠ بكسل دون تمرير أفقي، مع أهداف لمس ٤٤ بكسل وتركيز ظاهر ودعم تقليل الحركة.
  • مُستبعد عمدًا من محركات البحث حتى الإطلاق (robots ووسم noindex وترويسة X-Robots-Tag)، مع الاحتفاظ بطبقة SEO في الإصدار 1.0.0 لتفعيلها لاحقًا.

مشاريع أخرى