التصميم يجب أن يتكيف مع المحتوى
أراد العميل الحفاظ على المحتوى المعتمد. لذلك لم يكن ممكنًا بناء التصميم على افتراض أننا سنختصر كل قسم أو نعيد صياغته؛ كان على التسلسل البصري والتخطيط أن يتعاملا مع المادة الحقيقية.
01
سياق المشروع
احتاجت شركة أحمد عبيد الفلاسي لصناعة السفن الخشبية إلى موقع حديث يعرض الحرفة البحرية الإماراتية وقصة الشركة ونماذج اليخوت وأنشطتها ورؤيتها المستقبلية ومسارات التواصل بالعربية والإنجليزية. لم يكن المشروع مساحة مفتوحة لإعادة كتابة المحتوى من الصفر؛ لدى العميل محتوى معتمد يريد الحفاظ عليه، لذلك كان على بنية الموقع وتصميمه أن يخدما هذا المحتوى بدل تغييره ليناسب قالبًا جاهزًا.
02
القيود
العربية والإنجليزية تجربتان فعليتان
احتاج الموقع إلى لغتين باتجاهي قراءة مختلفين مع الحفاظ على هوية واحدة وتسلسل واضح وتنقل متسق.
للمشروع شخصية بحرية خاصة
اليخوت الخشبية والتراث البحري والحرفة والمنتجات والرؤية المستقبلية تحتاج إلى عرض يناسب الشركة، لا إلى قالب شركات عام.
الموقع يحتاج إلى أساس تشغيلي كامل
كان النطاق والاستضافة والإطلاق والتجاوب وSEO والأداء ومسارات التواصل جزءًا من جعل الموقع يعمل فعليًا، وليس فقط من تصميم الواجهات.
03
القرارات
بناء التصميم حول المحتوى المعتمد
القرار
إنشاء هيكل صفحات وتسلسل بصري مخصص حول محتوى الشركة والمنتجات والرؤية والمقالات والتواصل.
السبب
النمط العام كان سيجعل المحتوى يتبع تخطيطًا جاهزًا بدل أن يتبع الموقع طبيعة المشروع والمادة التي يريد العميل عرضها.
التعامل مع اللغتين ضمن بنية الموقع
القرار
بناء تجربة عربية وإنجليزية متناسقة مع مراعاة اتجاه القراءة والتجاوب.
السبب
كان يجب أن تقدم اللغتان الشركة والمنتجات بوضوح دون أن تبدو إحدى النسختين مجرد إضافة ثانوية.
إعطاء نماذج اليخوت مساحة واضحة
القرار
تنظيم الموقع بحيث تكون نماذج اليخوت جزءًا أساسيًا من رحلة التصفح.
السبب
المنتجات توضح بصورة مباشرة ما الذي تصنعه الشركة وكيف تظهر حرفتها على أرض الواقع.
تقريب التواصل من المحتوى
القرار
إضافة مسارات واضحة للتواصل وواتساب ضمن رحلة الموقع.
السبب
من يستكشف الشركة ونماذج اليخوت يجب أن يجد الخطوة التالية بسهولة.
تولي البنية المحيطة بالموقع
القرار
ضم تسجيل النطاق والاستضافة المدارة والإطلاق وأساسات SEO وتحسين الأداء والاختبار عبر الأجهزة إلى نطاق التنفيذ.
السبب
إنجاز الواجهة وحده لا يجعل الموقع جاهزًا للعمل؛ يحتاج أيضًا إلى بيئة مستقرة وقابلة للوصول والبحث والاستخدام.
04
ما الذي بنيناه
تجربة موقع مخصصة
واجهة وبنية صفحات صُممت حول الهوية البحرية ومحتوى العميل المعتمد.
موقع عربي وإنجليزي
تجربتان لعرض الشركة واليخوت والرؤية والمقالات والتواصل.
عرض اليخوت
بنية مخصصة لعرض نماذج اليخوت وأعمال التصنيع.
هيكل المحتوى
تنظيم صفحات الشركة والمنتجات والرؤية والمقالات والتواصل ضمن رحلة واحدة.
مسارات الاستفسار
قنوات مباشرة عبر الموقع وواتساب.
أساس البحث والأداء
SEO تقني وعلى مستوى الصفحات، تصميم متجاوب، تحسين الأداء، واختبار عبر الأجهزة.
البنية التحتية
تسجيل النطاق وإعداد الاستضافة والنشر والاستضافة المدارة.
05
النتيجة
حقيقة عن التنفيذ
نتج عن المشروع موقع مخصص ثنائي اللغة يجمع تراث الشركة ونماذج اليخوت ومحتواها المعتمد ورؤيتها ومسارات التواصل ضمن تجربة متجاوبة واحدة. كما تولت إيمارجي النطاق والاستضافة المدارة والإطلاق وأساسات SEO وأعمال الأداء اللازمة لتشغيل الموقع.
06
ملاحظات تقنية
- اللغات
- العربية والإنجليزية
- التصميم
- واجهة مخصصة للمشروع
- البنية التحتية
- تسجيل نطاق واستضافة مدارة
- البحث
- SEO تقني وعلى مستوى الصفحات
- الأداء
- تنفيذ متجاوب ومحسن للأداء
- التواصل
- الموقع وواتساب
