تجهّز إيه قبل تصميم موقع شركتك؟

ليه التحضير مهم؟

أغلب التأخير في مشاريع تصميم المواقع سببه محتوى ناقص وقرارات لسه متحسمتش، مش الكود. نادرًا ما التنفيذ بيبقى الجزء البطيء؛ البطء بييجي من الاستنا: نصوص الخدمات، أو ملف اللوجو، أو الصور، أو قرار زي: الموقع محتاج نسخة عربي ولا لأ؟

دي القائمة اللي بسلّمها لأي شركة قبل ما نبدأ. مش لازم كل حاجة تبقى جاهزة قبل أول مكالمة، بس لازم تعرف إيه اللي جاهز ومين مسؤول عن الباقي. التحضير الكويس معناه عرض سعر أدق، وجدول زمني بيصمد، وموقع بيقول شركتك بتعمل إيه فعلًا.

حدّد هدف الموقع

اختار الخطوة الواحدة اللي عايز الزائر ياخدها: يطلب عرض سعر، أو يحجز زيارة، أو يشتري، أو يتصل، أو يبعت رسالة واتساب. اكتبها في جملة واحدة، وبعدين الموقع كله يتصمم عشان يوصّل لها: الزرار الرئيسي في كل صفحة، وترتيب الأقسام، واللي فورم التواصل بيطلبه.

في موقع مجموعة LVMR، الصفحة الرئيسية بتطلب من الزائر يختار نوع احتياجه، زي المكاتب أو الزجاج أو التنظيف بعد التشطيب، قبل ما يطلب عرض السعر. وفي موقع Aevenda، الزائر بيبدأ يخطط لفعاليته من أول شاشة، بإنه يدخّل التاريخ وعدد الضيوف والمكان.

مفيش مشكلة في خطوات ثانوية، زي تحميل ملف تعريف الشركة أو التقديم على وظيفة، بس رتّبها حسب الأولوية. خمس زراير بنفس الوزن غالبًا معناها إن الزائر مش هيدوس على ولا واحد فيهم.

اعرف بتصمّم الموقع لمين

موقع Midex مثلًا بيكلّم مهندسين المصانع والمشترين في مصانع الأدوية والأغذية ومستحضرات التجميل، عشان كده صفحاته بتبدأ بالقدرات الهندسية والمنتجات ودراسات الحالة. اكتب وصف زي ده لزوار موقعك، بإنك تجاوب على الأسئلة دي:

• هم مين: أصحاب شركات، ولا فرق مشتريات، ولا مهندسين، ولا أسر، ولا طلاب؟
• هم فين: في مدينة واحدة، ولا في دولة، ولا في الخليج كله، ولا في أوروبا؟
• بيدوّروا ويقروا بأنهي لغة؟
• بيتصفحوا من الموبايل بين اجتماعين، ولا من المكتب وهم بيقارنوا بين الموردين؟
• يعرفوا إيه عن مجالك، وإيه اللي محتاج شرح؟
• بيسألوا فريق المبيعات عن إيه قبل ما يشتروا، وإيه اللي بيخليهم يترددوا؟ الأسئلة دي غالبًا بتتحول لأقسام في صفحاتك.

اكتب قائمة الصفحات (خريطة الموقع)

خريطة الموقع في المرحلة دي مجرد قائمة بالصفحات وإزاي بتتجمّع مع بعض. اكتبها قبل ما تطلب عروض أسعار، لأن عدد الصفحات وقد إيه هي مختلفة عن بعض من أكتر الحاجات اللي بتحرّك السعر والمدة.

خلّي لكل خدمة رئيسية صفحة لوحدها بدل صفحة خدمات واحدة طويلة. الصفحة دي بتجاوب على أسئلة الخدمة دي بالذات، وبتدّي جوجل صفحة واضحة يعرضها للي بيدوّر عليها.

لو بتستبدل موقع قديم، اكتب قائمة بصفحاته الحالية كمان. كل عنوان قديم لازم يتحوّل لعنوانه الجديد بتحويل دائم (301)، عشان اللينكات المحفوظة والصفحات اللي جوجل بيعرضها متنتهيش بصفحة خطأ.

ده شكل تقريبي لموقع شركة عادي. حدّد إيه اللي لازم يكون موجود في الإطلاق وإيه اللي ممكن يستنى:

/ar                          الرئيسية
/ar/about                    عن الشركة
/ar/services                 كل الخدمات باختصار
/ar/services/service-one     صفحة لكل خدمة رئيسية
/ar/services/service-two
/ar/projects                 الأعمال ودراسات الحالة
/ar/projects/project-name    صفحة لكل مشروع (اختياري)
/ar/blog                     مقالات (اختياري، ويمكن تأجيله)
/ar/careers                  الوظائف (اختياري)
/ar/contact                  نموذج، واتساب، هاتف، خريطة
/ar/privacy                  سياسة الخصوصية
/ar/terms                    شروط الاستخدام

خطّط لمحتوى كل صفحة

• هدف الصفحة في جملة واحدة
• العنوان الرئيسي اللي الزائر بيشوفه الأول
• من تلات لخمس نقط أساسية، بالترتيب اللي الزائر محتاجه
• الدليل: صور، وأمثلة مشاريع، وشهادات اعتماد، وأسماء عملاء مسموح لك تنشرها
• الخطوة المطلوبة في آخر الصفحة، زي فورم طلب عرض سعر أو زرار واتساب
• مين هيكتب الصفحة، وهيسلّمها إمتى

بعد كده قرّر مين هيكتب النصوص: حد في شركتك فاهم الشغل، أو كاتب محتوى، أو فريق المطوّر. وفي كل الحالات لازم حد من ناحيتك يراجع المعلومات: الخدمات، والاعتمادات، ومناطق التغطية، ومواعيد الشغل.

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

وحدّد مين هيحدّث الموقع بعد الإطلاق. لو فريقك هيضيف المشاريع أو المقالات، اطلب لوحة تحكم وجلسة تسليم قصيرة. ولو المطوّر هو اللي هيحدّثه، اتفق معاه هتطلب التعديلات إزاي وهتتحسب إزاي.

عربي ولا إنجليزي ولا الاتنين؟

العربي بيغيّر تخطيط الصفحة مش الكلام بس: الصفحة بتتقري من اليمين للشمال، والقوائم والأيقونات بتتقلب، والنص محتاج خط بيدعم العربي كويس. وإضافته بعد الإطلاق بتكلّف أكتر من إنك تخطط له من الأول.

حدّد اللغة الأولى لسوقك. لعملاء السعودية والإمارات، العربي والإنجليزي مع بعض اختيار منتشر. والبيع في أوروبا ممكن يحتاج لغة البلد نفسها: موقع مجموعة LVMR بالفرنساوي لأن عملاءها في منطقة إيل دو فرانس، وموقع Midex شغّال بالإنجليزي والعربي والألماني.

حدّد مين هيكتب كل لغة. الترجمة الآلية نادرًا ما بتكفي للصفحات اللي بتبيع، فاكتب كل نسخة لقارئها بالكلمات اللي بيدوّر بيها فعلًا. وخطّط للنسختين كموقع واحد، كل صفحة فيه مربوطة بالصفحة اللي قصادها، عشان المطوّر يقدر يعرّف جوجل بكل صفحتين مع بعض عن طريق تاجات hreflang.

ملفات الهوية: اللوجو والألوان والخطوط

• اللوجو بصيغة vector (SVG أو AI أو EPS أو PDF)، مش سكرين شوت ولا صورة PNG صغيرة
• نسخ اللوجو: الكاملة، والأيقونة لوحدها، ونسخة للخلفيات الغامقة
• أيقونة مربعة لتاب المتصفح ولمعاينة اللينكات
• أكواد الألوان بالظبط (HEX)، مش «الأزرق اللي في البروشور»
• أسماء الخطوط وملفاتها، وترخيص كل خط
• دليل الهوية، لو موجود

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

لو خط هويتك مش بيدعم الحروف العربي، اختار خط عربي يناسبه في السُّمك والطابع، وخطوط كتير من Google Fonts مجانية للاستخدام على الويب بتراخيص مفتوحة. ولو لسه معندكش هوية، قول كده بدري: ممكن تبقى جزء من المشروع، بس مكانها في عرض السعر.

صور حقيقية ولا صور جاهزة؟

الصور الحقيقية لفريقك وشغلك ومكتبك ومنتجاتك بتبني ثقة أكتر من أي صورة جاهزة، لأنها بتوري الزائر إن الشركة موجودة فعلًا.

لو معندكش صور كويسة، خطّط لجلسة تصوير قصيرة قبل ما التصميم يتعتمد. اكتب قائمة لقطات: الفريق، والمكتب أو موقع الشغل، والشغل وهو بيتنفّذ، والمشاريع اللي خلصت، والمنتجات على خلفية سادة، وكام لقطة واسعة ينفع يتحط عليها كلام. واطلب نسخ بالعرض ونسخ بالطول، لأن الموبايل بيقص الصور بشكل مختلف.

الصور الجاهزة مقبولة للخلفيات، مش لأي حاجة المفروض إنها إنت زي «فريقنا». وفي الحالتين احتفظ بسجل لمصدر كل صورة وترخيصها، واتفق مع المصوّر كتابةً على حقك تستخدم صوره على موقعك وحساباتك، واستأذن الناس اللي بيظهروا فيها.

ابعت الملفات الأصلية، مش صور متسيّفة من واتساب، لأنه بيضغطها.

مواقع عاجباك، وليه

اجمع من تلاتة لخمس مواقع عاجباك، من أي مجال، مع سطر لكل واحد عن اللي عاجبك فيه: تخطيط الصفحة الرئيسية، أو طريقة شرح الخدمات، أو أسلوب الكتابة، أو التصوير، أو ميزة واحدة. كلمة «عاجبني» لوحدها مش بتساعد المصمم، لكن «تحت كل خدمة في صفحتهم أسئلة شائعة قصيرة» بتساعده.

ضيف موقع أو اتنين مش عاجبينك، وقول ليه. واكتب أسماء أهم منافسينك عشان المطوّر يعرف عملاءك بيقارنوك بمين. المواقع دي مرجع للاتجاه، مش قوالب تتنسخ.

الدومين والإيميل والحسابات اللي لازم تكون ملكك

• اسم الدومين، متسجّل على إيميل تبع الشركة
• إعدادات DNS، لو بتتدار في مكان تاني زي Cloudflare
• الاستضافة، أو المنصة اللي الموقع شغّال عليها
• إيميل الشغل، زي Google Workspace أو Microsoft 365
• Google Analytics و Google Search Console
• Google Business Profile، لو العملاء بيزوروا مكتب أو فرع
• مستودع الكود وملفات التصميم
• أي أداة للفورمز أو الحجز أو CRM أو النشرة البريدية الموقع بيستخدمها

سجّل كل حساب باسم الشركة على عنوان زي [email protected]، مش على إيميل شخصي. وضيف المطوّر كمستخدم مش كمالك، عشان تسحب صلاحيته لما الشغل يخلص.

الدومين هو أكتر حاجة بتعمل مشاكل. لو موظف قديم أو شركة قديمة سجّلته على حسابها الخاص، استرجاعه ممكن ياخد أسابيع. اتأكد النهارده مين ماسكه وبيتجدد إمتى، وشغّل التجديد التلقائي.

لو عندك إيميل على الدومين أصلًا، قول للمطوّر قبل أي تغيير، لأن نقل إعدادات DNS من غير ما تنسخ سجلات الإيميل (MX) هيوقف الإيميل عندك. واطلب كمان ضبط سجلات SPF و DKIM و DMARC عشان رسايل فورم التواصل متروحش على الـ spam.

ولو هتختار دومين جديد، خلّيه قصير وسهل تكتبه لما تسمعه. امتداد com مفهوم في كل حتة، أما الامتدادات الوطنية زي eg أو sa أو ae فبتدّي طابع محلي، بس كل واحد فيهم ليه شروط تسجيل خاصة. وفي الآخر، اكتب في العقد إن الكود وملفات التصميم والمحتوى ملكك بعد ما تدفع قيمة المشروع.

الصفحات القانونية: سياسة الخصوصية والشروط

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

في الاتحاد الأوروبي فيه GDPR، ومصر والسعودية والإمارات كل واحدة ليها قانونها الخاص لحماية البيانات الشخصية. ولو بتكلّم زوار في أوروبا، محتاج موافقتهم قبل ما تحط الكوكيز اللي مش ضرورية، ومنها أغلب كوكيز التحليلات والإعلانات.

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

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

قنوات التواصل والربط مع الأدوات

• واتساب: أنهي رقم، ومين بيرد عليه
• فورم التواصل: فيه أنهي حقول، والرسايل بتروح فين (إيميل، أو نظام CRM، أو الاتنين)
• التليفون: رقم الزائر يتصل بيه بلمسة، ومواعيد الرد عليه
• الإيميل: عنوان مشترك للشركة، مش إيميل شخص واحد
• المكان: العنوان والخريطة و Google Business Profile، لو عندك مكتب

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

بالنسبة لواتساب، المطوّر بيستخدم لينك محادثة مباشرة برقمك بالصيغة الدولية، وممكن يضيف رسالة جاهزة بتقول الزائر جاي من أنهي صفحة. واستخدم رقم تبع الشركة على تطبيق WhatsApp Business أو منصة WhatsApp Business Platform، مش الرقم الشخصي لموظف.

بعد كده اكتب الأدوات اللي الموقع لازم يتربط بيها: نظام CRM زي HubSpot أو Zoho، أو تقويم للحجز، أو الدفع الإلكتروني، أو أداة للنشرة البريدية، أو فورم للوظائف. لكل أداة اكتب: مين صاحب الحساب، وإيه اللي بيحصل لما الزائر يبعت حاجة. كل ربط بيزوّد شغل، فحدّد إيه اللي لازم منهم في الإطلاق.

التحليلات و Search Console والكلمات المفتاحية لكل صفحة

جهّز أدوات القياس قبل الإطلاق عشان يبقى عندك بيانات من أول يوم. أداة Google Analytics بتوضّح الزيارات والزوار بيعملوا إيه. وأداة Google Search Console بتوضّح عمليات البحث اللي موقعك بيظهر فيها على جوجل، والصفحات المتفهرسة، وأي مشاكل. وأداة Bing Webmaster Tools بتعمل نفس الدور لمحرك Bing، وتقدر تستورد مواقعك من Search Console.

تتبّع الحاجات اللي بتتحسب طلب من عميل كأحداث: إرسال الفورمز، والضغط على واتساب أو التليفون أو الإيميل. كده هتشوف أنهي صفحات بتجيب استفسارات مش زيارات وبس. ووثّق Search Console كـ Domain property عن طريق سجل DNS، وخلّي الشركة هي المالك، وادّي المطوّر صلاحية كاملة.

أما الكلمات المفتاحية، فادّي كل صفحة مهمة عبارة بحث رئيسية بكل لغة: الكلمات اللي العميل بيكتبها لما يحتاج الخدمة، مش المسميات الداخلية في شركتك. والصياغة العربي بتختلف من بلد للتانية: العميل في مصر ممكن يدوّر على «صيانة تكييف»، والعميل في الخليج يكتب «صيانة مكيفات»، فكل صفحة لازم تستخدم كلمات سوقها.

عشان تلاقي العبارات دي، ابدأ بأسئلة فريق المبيعات وباللي جوجل بيقترحه وانت بتكتب. ولو عندك موقع قديم، Search Console بيعرض فعلًا عمليات البحث اللي بتجيب الزوار. عبارة رئيسية واحدة لكل صفحة كفاية، وتكرارها مش بيساعدك تظهر في جوجل.

المواعيد والموافقات وإيه اللي يتطلق الأول

حدّد ميعاد الإطلاق وقول سببه: معرض، أو إطلاق منتج، أو حملة رمضان. وبعدين احسب بالعكس: المحتوى والصور قبل التصميم، واعتماد التصميم قبل التنفيذ، ومراجعة الموقع على لينك تجريبي قبل الإطلاق.

عيّن شخص واحد يعتمد القرارات. غيره ممكن يدّي ملاحظات، بس هو لوحده اللي يجمعها في قائمة واحدة وياخد القرار. المشاريع بتتأخر لما ملاحظات متعارضة توصل من أكتر من شخص، أو لما مدير كبير يشوف الموقع لأول مرة قبل الإطلاق بيوم. واتفق مع المطوّر على عدد جولات تعديل التصميم، وخلّي الملاحظات محددة: أنهي صفحة، وأنهي قسم، وإيه اللي هيتغيّر، وليه.

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

ملخص المشروع اللي تبعته للمطوّر

اجمع إجاباتك في مستند قصير، وابعت نفس الملخص لكل مطوّر أو شركة برمجة بتتكلم معاها، عشان العروض كلها توصف نفس المشروع وتقدر تقارن بينها بالعدل، واطلب إن كل عرض يوضّح إيه اللي داخل فيه وإيه اللي مش داخل. ده النموذج اللي بحب أستلمه، و«لسه مقررناش» إجابة مقبولة لأي بند:

• الشركة: الاسم، والنشاط، والدول أو المدن اللي بتشتغلوا فيها
• الهدف: الخطوة الواحدة اللي عايز الزائر ياخدها
• الجمهور: مين بيزور الموقع، ومن فين، وبيقرا بأنهي لغة
• الصفحات: الرئيسية، وعن الشركة، والخدمات (مع قايمتها)، والأعمال، والتواصل، وغيرها
• اللغات: العربي، أو الإنجليزي، أو غيرهم، وأنهي واحدة الأساسية
• المحتوى: جاهز، أو جاهز جزء منه، أو محتاجين مساعدة في الكتابة
• الصور: صورنا إحنا، أو محتاجين جلسة تصوير، أو صور جاهزة
• الهوية: ملفات اللوجو، والألوان، والخطوط (مرفقة أو بلينك)
• مواقع عاجبانا: تلات لينكات، وسطر لكل واحد عن السبب
• المنافسين: الأسماء والمواقع
• قنوات التواصل: فورم، واتساب، تليفون، إيميل، خريطة
• الربط مع الأدوات: CRM، أو حجز، أو دفع، أو نشرة بريدية، أو غيرهم
• الدومين والإيميل: الدومين الحالي، ومين ماسك الحساب
• التحديث بعد الإطلاق: فريقنا ولا المطوّر
• المطلوب في الإطلاق، وإيه اللي ممكن يستنى لمرحلة تانية
• الميعاد: التاريخ، وليه اخترناه
• صاحب القرار: الاسم والمنصب
• نطاق الميزانية: اختياري، بس بيساعد إن العرض المناسب يتبني

تعمل إيه دلوقتي؟

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

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

أسئلة شائعة

أجهّز إيه قبل ما أتعاقد على تصميم موقع؟

جهّز هدف الموقع والخطوة الرئيسية اللي عايز الزائر ياخدها، وقائمة الصفحات، والمحتوى أو مين هيكتبه، وملفات اللوجو والهوية، واللغات، وبيانات الدومين والإيميل، وميعاد الإطلاق. اجمعهم في ملخص قصير وابعته لكل مطوّر بتتكلم معاه، عشان توصلك عروض تقدر تقارن بينها.

تصميم موقع شركة بياخد قد إيه؟

ده بيعتمد على عدد الصفحات، واللغات، وهل التصميم مخصوص، وإيه المطلوب من ربط مع أدوات تانية. وفي الواقع المدة بتعتمد على سرعة وصول المحتوى والموافقات قد ما بتعتمد على التنفيذ نفسه. اطلب من المطوّر جدول زمني بيوضّح المواعيد اللي هيحتاج فيها حاجات منك.

موقع شركتي محتاج سياسة خصوصية؟

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

مين المفروض يملك حساب الدومين والاستضافة؟

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

محتاج موقع بالعربي والإنجليزي؟

لو عملاءك في مصر أو الخليج، فالعربي غالبًا متوقّع، والإنجليزي مفيد لو بتكلّم شركات أو زوار من برا المنطقة. الأهم إنك تقرر ده قبل التصميم، لأن العربي بيغيّر تخطيط الصفحة. واكتب كل نسخة لقارئها بدل الترجمة الحرفية.

ينفع أستخدم صور جاهزة في موقع الشركة؟

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