Mo's Experiences

المشكلة

Mo's Experiences بتساعد المسافرين يخططوا رحلاتهم في مصر بالإنجليزي والفرنساوي. كتالوج الوجهات والرحلات والبرامج المخصصة بيتغيّر باستمرار، وكل تعديل لازم يشتغل صح في اللغتين. موقع تسويقي عادي كان هيربط كل تعديل بمبرمج، ونظام محتوى عام كان هيفصل التعديل عن الصفحات اللي الفريق بيديرها.

الفريق كان محتاج موقع يقارن منه المسافر بين الاختيارات ويبعت استفساره من أي جهاز. وكان محتاج مساحة تحرير مبنية حوالين المحتوى اللي بيديره كل يوم.

الحل

بنينا منصة واحدة بواجهتين مترابطتين: موقع عام لتصفح الوجهات وبرامج الرحلات وتجارب الـ VIP وطلبات الرحلات المخصصة، ولوحة تحكم ثنائية اللغة يدير بيها الفريق الصفحات والوسائط وظهور الموقع في محركات البحث.

الإنجليزي والفرنساوي كانوا جزء من نظام المحتوى والـ routing من الأول. الـ dashboard بتدي المحررين الحقول اللي كل صفحة محتاجاها، عشان الكتالوج يكبر والموقع يفضل منظم.

اللي قدّمناه

• موقع بالإنجليزي والفرنساوي، بصفحات ومسارات لكل لغة للوجهات والفئات وبرامج الرحلات وتجارب الـ VIP والمدونة وطلبات الرحلات المخصصة
• لوحة تحكم تحريرية بتغطي الصفحات والوجهات والفئات والبرامج ومقالات المدونة والوسائط والتقييمات وإدارة الفريق
• أساسيات SEO: بيانات وصفية، روابط أساسية، صور Open Graph، خرائط الموقع، وبيانات مُهيكلة
• تدفقات استفسار وتقييم مع إيميلات تلقائية
• صلاحيات حسب الدور، تعامل آمن مع البيانات، وتحليلات أولية بتتبع التحويلات

النتيجة

Mo's Experiences دلوقتي بتدير محتوى الموقع كله من مكان واحد. المسافر بيتصفح البرامج ويبعت استفساره من الموقع، والفريق بيعمل التعديلات العادية من الـ dashboard.

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

Next.js وReact وTypeScript وTailwind CSS، مع Supabase للبيانات والمصادقة وأمان الصفوف. Tiptap وReact Hook Form بيشغّلوا نماذج التحرير، next-intl بيدير التوجيه ثنائي اللغة، وResend بيبعت الإيميلات التلقائية.