كيفية إنشاء موقع ويب لمنتج جديد (وكيف فعلناه) |

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

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

إنشاء ملف sitemap

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

إليك خريطة الموقع التي طورناها لموقع Outpost:

Home

1. 1. : نظرة عامة على المنتج و "دعوة إلى العمل" للاشتراك في نسخة تجريبية مجانية. روابط ثانوية إلى الصفحات الأخرى التي تصف الميزات. الميزات نظرة عامة
   2. : نظرة عامة على كافة الميزات مع ارتباطات لصفحات الميزات التفصيلية. ميزة التفاصيل للميزة أ: تفاصيل الميزة أ
      1. تفاصيل الميزة لـ الميزة B: تفاصيل الميزة B.
      2. تكرار لكل الميزات.
      3. التسعير: تفاصيل خطط الأسعار والروابط للاشتراك في نسخة تجريبية مجانية.

• العملاء:
• نبذة عن العملاء الناجحين. من نحن:
• نظرة عامة على من نحن ، بيان مهمتنا ، وتاريخنا. اتصل بنا:
• معلومات الاتصال ، الساعات ، الموقع. وظائف:
• قائمة من فرص العمل الحالية لدينا. بيان الخصوصية:
• سياسة خصوصية Outpost. مدونة:
• الصفحة الرئيسية للمدونة التي تسرد مشاركات المدونة الأخيرة. مقالة المدونة:
• ستكون هناك مشاركات مدونة متعددة. ستكون هذه الصفحة هي النموذج المناسب لهم. مركز المساعدة:
• سيكون مركز المساعدة الخاص بنا مدعومًا من Zendesk. بالطبع ، قد يكون موقعك مختلفًا تمامًا عن خريطة موقع المخفر. إذا كنت مطعمًا ، على سبيل المثال ، فربما يكون لديك صفحة أو اثنتين للقوائم وصفحة للحجز. إذا كنت تنشئ متجرًا عبر الإنترنت ، فستكون لديك على الأرجح العديد من صفحات المنتجات المختلفة.

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

اكتب نسختك أولاً قبل التصميم

ستفكر أنك لم احصل على الطلب هنا. ألا يجب عليك تصميم موقعك قبل التفكير في الكلمات التي ستضعها على الصفحة؟

في الواقع ، النهج الأفضل هو القيام بالأشياء "المتخلفة" والتفكير في نسخة موقعك أولاً ثم تصميمها تلك النسخة. لماذا ا؟ لأن ما ترغب في توصيله إلى عملائك هو أكثر أهمية من التصميم النهائي الفعلي لموقعك. وبالطبع ، لا يهم التصميم ، وتريد أن يكون لديك موقع يبدو جيدًا ، ولكن إذا لم تتمكن من توصيل رسائلك الرئيسية للمستخدمين ، فإن التصميم الجيد لن يشكل الفرق.

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

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

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

إليك العنوان الرئيسي والوصف الموسع للمنتج Outpost ، وهو المنتج الذي نبنيه:

تبسيط بريدك الإلكتروني المشترك

يمكنك بسهولة تتبع ، التعاون ، والرد على الرسائل المرسلة إلى عناوين البريد الإلكتروني العامة ، مثل support @ أو info @.

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

بالنسبة لموقع Outpost ، نحتاج إلى توصيل الميزات والفوائد الرئيسية لمنتجنا وتشجيع العملاء المحتملين على معرفة المزيد. نريد أيضًا أن نتحدث عن فريق خدمة العملاء لدينا ومدى عظمتهم.

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

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

نصيحة أخيرة: أقل عادة ما يكون أكثر. لا تميل إلى كتابة فقرات لا نهائية من النسخ لموقعك (ما لم يكن هذا ما يتوقعه عملاؤك!). إذا انتبهت إلى كيفية استخدامك لمواقع الويب ، فستجد أنك غالبًا ما تتنقل عبر النص ، ولا تقرأ كل كلمة. لأن هذا هو السبب في أن معظم الناس يقرؤون عبر الإنترنت ، بدلاً من قراءة كل كلمة ، حافظ على نسختك قصيرة وإلى النقطة.

تطوير إطار سلكي

إطار سلكي هو مخطط تقريبي لموقعك على الويب. انها ليست حقا تصميم ، بالضبط. إنها وثيقة تُظهر تقريبًا الأماكن التي ستذهب إليها الصفحة ، دون القلق بشأن الألوان أو الرسومات الأخرى. إذا كنت تعمل مع مصمم لإنشاء موقعك على الويب ، فستصدر لك إطارًا سلكيًا كجزء من عملية التصميم. إذا كنت تنشئ موقعك على الويب بنفسك ، باستخدام خدمة مثل Squarespace أو Shopify ، فيمكنك بسهولة إنشاء إطار سلكي بمفردك.

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

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

إذا لم يكن استخدام القلم والورقة هو الشيء الذي تستخدمه ، فيمكنك استخدام PowerPoint أو Keynote لإنشاء wireframes. هناك أيضا أدوات مخصصة لإطارات الأسلاك مثل Balsamiq تجعل هذه العملية سهلة.

لقد قمت بتضمين إطار Outpost للصفحة الرئيسية للأسفل أدناه حتى يمكنك الحصول على فكرة عن شكل إطار السلك. يمكنك أيضًا إلقاء نظرة على النسخة التي أنشأناها في الخطوة السابقة ورسم لفكرة لعنصر رسومي نريد مصممًا أن ينشئه.

الإطار السلكي للمخفر

تصميم وبناء

الآن حان الوقت لتصميم وبناء موقع الويب الخاص بك. إذا كنت تستخدم مصمماً مستقلاً أو شركة تصميم ، فستتولى العملية من هنا.