01 من 10
ابحاث
طلب منك عميل محتمل فقط تصميم موقع ويب ، ولكن من أين تبدأ؟ هناك عملية معينة يمكنك اتباعها لضمان سير المشروع بسلاسة. وهو يعكس عملية تصميم الرسومات القياسية ، مع بعض الخطوات المحددة لمواقع الويب التي يجب تضمينها.
كمصمم جرافيكي ، قد تختار أن تأخذ على كامل التصميم بنفسك ، بما في ذلك الترميز. ومع ذلك ، قد ترغب أيضًا في جمع فريق لمساعدتك في التفاصيل. قد يكون مطور الويب وخبير تحسين محركات البحث إضافات قيمة لمشروعك.
كل شيء يبدأ مع البحث
كما هو الحال مع معظم مشاريع التصميم ، فإن الخطوة الأولى عند إنشاء موقع على الإنترنت هي إجراء الأبحاث. سيتم إجراء بعض هذه الأبحاث مع العميل للحصول على فهم لاحتياجاتهم. سوف تحتاج أيضا إلى معرفة المزيد عن صناعتهم والمنافسين.
عند الاجتماع مع عميلك ، تحتاج إلى اكتشاف أكبر قدر ممكن لمساعدتك في وضع مخطط للموقع ، ثم تصميمه في النهاية. ويشمل ذلك السؤال عن جمهورها المستهدف والأهداف والاتجاهات الإبداعية والمتغيرات الأخرى التي قد تؤثر على ما يمكنك تقديمه للعميل ، مثل الميزانية والموعد النهائي.
سيحدث أبحاث الصناعة والسوق في وقت واحد. لكي تكون مستعدًا لمقابلة عميلك ، يجب أن تكون لديك فكرة عن صناعته. بعد معرفة احتياجاتهم ، سوف ترغب في النظر إلى أعمق قليلا.
يعتمد مستوى البحث الذي يتم إجراؤه على ميزانية العميل ومعرفتك الحالية بالصناعة. يمكن أن يكون الأمر بسيطًا مثل النظر إلى مواقع الويب الأخرى في هذا المجال. بالنسبة للمشروعات الكبيرة ، قد يكون الأمر أشبه بالبحث المتعمق مع مجموعات التركيز.
02 من 10
العصف الذهني
بمجرد معرفة ما يدور حوله المشروع ، فقد حان الوقت لجمع الأفكار ، ويعد تبادل الأفكار مكانًا رائعًا للبدء . بدلاً من البحث عن الفكرة المثالية لتكون الأولى ، قم بالتخلص من جميع الأفكار أو المفاهيم الخاصة بالموقع. يمكنك دائمًا تضييقها لاحقًا.
قد تستدعي بعض مواقع الويب واجهة ويب قياسية ، مع التنقل (شريط الأزرار) ومناطق المحتوى التي يتوقع أن يتوقع المستخدمون حدوثها فيها. قد يحتاج آخرون إلى مفهوم فريد لتقديم المحتوى.
في النهاية ، سيقود المحتوى التصميم. على سبيل المثال ، سيكون لموقع الأخبار مقاربة مختلفة تمامًا عن محفظة الويب الخاصة بالمصور
03 من 10
تقرر على المتطلبات الفنية
في مرحلة مبكرة من عملية تطوير موقع الويب ، يجب اتخاذ القرارات المتعلقة بالمتطلبات الفنية للمشروع. سوف تؤثر مثل هذه القرارات على الميزانية والإطار الزمني ، وفي بعض الحالات ، على الشعور العام بالموقع.
أحد القرارات الأساسية هو ما يجب أن يكون عليه الهيكل الأساسي للموقع ، والذي سيحدد ما هي البرامج المستخدمة وما هو النظام الذي يجعل الموقع "يعمل".
تشمل خياراتك ما يلي:
- HTML الأساسي: موقع HTML قياسي يتم فيه تعديل كل صفحة يدويًا. قد يكون هذا سريعًا نسبيًا ولكنه لا يترك الكثير من المرونة والكثير من الصيانة المستمرة. من المهم أيضًا أن تتذكر أن مواقع HTML ليست HTML وحدها ويمكن أن تتضمن CSS وجافا سكريبت ولغات برمجة أخرى للوظائف.
- استخدام نظام إدارة المحتوى: يسمح استخدام نظام إدارة المحتوى عمومًا للعميل بإجراء تحديثات محتوى منتظمة ، بينما يتحكم المصمم في المظهر العام للموقع. قد يتم تطوير بعض الأنظمة من الصفر وغيرها من الأنظمة التي تم شراؤها وتخصيصها وفقًا لاحتياجات العميل. تعتبر الأنظمة عبر الإنترنت مثل Blogger و WordPress مجانية وتشمل نظام إدارة المحتوى الأساسي أيضًا.
04 من 10
اكتب مخططًا تفصيليًا
الآن بعد أن جمعت المعلومات الضرورية وقمت بتبادل الأفكار حول بعض الأفكار ، من المستحسن الحصول على كل المعلومات على الورق.
يجب أن يتضمن مخطط موقع الويب قائمة بكل قسم ليتم تضمينها على الموقع ، مع وصف لنوع المحتوى الذي سيتم عرضه على كل صفحة. يجب أن يصف أيضًا بأكبر قدر ممكن من التفاصيل ما هي الميزات الموجودة على الموقع ، مثل حسابات المستخدمين ، أو التعليقات ، أو وظائف الشبكات الاجتماعية ، أو الفيديو ، أو الاشتراك في النشرة الإخبارية.
وإلى جانب المساعدة في تنظيم المشروع ، يجب أن يُعرض على العميل مخطط مقترح موقع إلكتروني حتى يتمكن من الموافقة عليه قبل استمرار المشروع. سيتيح لهم ذلك إضافة أو إزالة أو تعديل أي أقسام أو ميزات.
كل هذا سيساعدك في النهاية على تطوير الميزانية والإطار الزمني وبناء الموقع. الاتفاق على سعر لمشروع موقع على شبكة الإنترنت يستند إلى مخطط معتمد سوف يساعد على تجنب فرض رسوم إضافية أو اختلاف في الرأي في وقت متأخر من المشروع.
05 من 10
إنشاء إطارات سلكية
الإطارات هي عبارة عن رسومات خطية بسيطة لمخططات موقع الويب تسمح لك (وللعميل) بالتركيز على وضع العناصر بدلاً من اللون والنوع.
هذا مفيد للغاية لأنه يحدد المحتوى الذي يستحق أكبر قدر من التركيز ونسبة المساحة المستخدمة على الصفحة لتلك العناصر. وبدون تشتيت الانتباه من العناصر المرئية الأخرى ، توفر الأطر الهيكلية المعتمدة إطارًا لتصميماتك.
بالنسبة إلى بعض المشاريع ، قد تفكر في الحصول على مجموعة من الأطر المتاحة للاستخدام مع أنواع مختلفة من المحتوى. قد تحتوي صفحة الاتصال والصفحات والصفحات الأخرى التي تحتوي على نص كثير على تنسيق مختلف عن المعرض أو صفحة التسوق.
من المهم أن تحافظ على نظرة موحدة عبر الموقع الإلكتروني وأنت تنتقل من إطار سلكي إلى آخر.
06 من 10
تصميم الموقع
بمجرد أن تكون أنت وعميلك راضيين عن الأطر الزمنية ، حان الوقت لبدء تصميم الموقع.
يعد Adobe Photoshop الأداة الأكثر شيوعًا لإنشاء التصميمات الأولية. يجب أن يكون تركيز تصميم الموقع هو تقديم المحتوى وسيتم استخدامه لإنشاء صفحات الويب الفعلية.
في الوقت الحالي ، ما عليك سوى تصميم العناصر الأساسية واللعب بها لإنشاء شيء ما لكي ينظر إليه العميل ويوافق عليه.
- في حين أن التصاميم البهيجة والرسوم المتحركة لها مكانها ، فلا ينبغي لها أن تتغلب على ما يبحث عنه المستخدم.
- يساعد التنقل المتسق زوارك في العثور على جميع مناطق المحتوى الرئيسية.
- الاستخدام النظيف للنوع (في حالة وجود موقع مدفوع بالنص) سيبقي الزائرين يقرؤون ويعودون للمزيد.
- قبل أن يكون لديك محتوى فعلي لتصميم موقع ، سيساعدك نص Lorem Ipsum في ملء الفراغات دون تشتيت انتباه العميل.
07 من 10
بناء صفحات الويب
عندما تتم الموافقة على التصميم الخاص بك ، يجب أن يتم تحويل الصفحات من نماذج بالأحجام الطبيعية إلى صفحات ويب حقيقية مكتوبة بلغة HTML و CSS.
قد يختار المصممون / المطوّرون المحترفون جميع عمليات الترميز ، في حين قد يعمل شخص ما يركز على جانب التصميم على الويب بشكل وثيق مع مطور لإضفاء الحيوية على الموقع. إذا كان هذا هو الحال ، يجب أن يشارك المطور من البداية.
سيساعد المطورون على التأكد من أن التصميم هو تخطيط ويب واقعي وفعال. كما ينبغي استشارتها حول أي ميزات تعد بها العميل حيث قد لا يكون من الممكن تنفيذ أو فائدة الموقع.
يمكن لبرمجيات مثل Adobe Dreamweaver مساعدة المصمم في تحويل نموذج مصغر إلى صفحة ويب تعمل ، مع ميزات السحب والإفلات ، ووظائف سابقة البناء ، وأزرار لإضافة روابط وصور.
هناك العديد من خيارات البرامج المتاحة لبناء الموقع. اختر واحدة تستمتع بالعمل بها ، فقط تأكد من أنها تسمح لك بالحصول على تفاصيل وتشفير الصفحات.
08 من 10
تطوير الموقع
بمجرد اكتمال التصميم الخاص بك في HTML و CSS ، يجب أن يتم دمجه مع النظام الذي اخترته. هذه هي النقطة التي يصبح فيها موقع ويب فعال.
قد يعني ذلك تطوير قوالب يمكن قراءتها بواسطة نظام إدارة المحتوى ، أو تعديل قالب WordPress ، أو استخدام Dreamweaver لإنشاء روابط بين الصفحات وميزات ويب أكثر تقدمًا. هذا هو مرة أخرى قد تكون تركت لعضو آخر أو أعضاء الفريق.
ستحتاج أيضًا إلى شراء اسم نطاق موقع ويب والحصول على خدمة استضافة مبطنة. كان ينبغي أن يكون هذا جزءًا من مناقشاتك مع العميل ، وفي الواقع ، يجب أن يتم ذلك في المراحل الأولية من العملية. في بعض الأحيان ، قد يستغرق الأمر بعض الوقت حتى تصبح الخدمات نشطة.
من المهم أيضًا أن تقوم أنت أو المطور الخاص بك بإجراء اختبار شامل لموقع الويب. أنت لا تريد أن تفعل "الكشف الكبير" ولديها وظائف لا تعمل بشكل صحيح.
09 من 10
تعزيز الموقع
مع موقع الويب الخاص بك على الإنترنت ، فقد حان الوقت للترويج له. تصميمك المذهل لا يفيدك إذا لم يقوم الناس بزيارته.
يمكن أن تتضمن حركة القيادة إلى موقع ما:
- تحسينه لمحركات البحث. استعن بخبير تحسين محركات البحث إذا لم يكن هذا مجالًا من مجالات الخبرة لأن أفضل الممارسات تتغير باستمرار.
- إرسال النشرات الإخبارية لتسليط الضوء على محتوى جديد. يجب أن يرتبط تصميم الرسالة الإخبارية بتصميم موقع الويب للحفاظ على اتساق مراسلات العلامة التجارية.
- الإعلان بإعلانات PPC على Google أو إعلانات بانر على مواقع أخرى.
- طرق أكثر تقليدية مثل الإعلان المطبوع و الكلمة الشفهية.
10 من 10
يبقيه طازجة
من أفضل الطرق للحفاظ على عودة الأشخاص إلى موقعك هو الحفاظ على تحديث المحتوى. مع وضع كل الأعمال في موقع ، لا تريد أن تظل كما هي بعد أشهر من الإطلاق.
استمر في نشر محتوى أو صور أو مقاطع فيديو أو موسيقى جديدة… بغض النظر عن الموقع الذي تم إنشاؤه لتقديمه. تُعد المدونة طريقة رائعة للحفاظ على تحديث الموقع ، مع نشر أي مشاركات في أي موضوع مرتبط بموقعك ،
إذا كان عميلك سيتعامل مع تحديثات موقع ويب CMS ، فقد تحتاج إلى تدريبهم على استخدامه. يعد إجراء تحديثات على موقع ويب قمت بتصميمه طريقة جيدة للحصول على دخل منتظم. تأكد من توافقك أنت وعميلك على معدل ومعدلات أي عمل تحديث تقوم به.