كيف يدعم التصميم العظيم رحلة المشتري

لماذا التصميم مهم؟ يبدو الأمر بديهيًا. نقضي الكثير من الوقت في ذلك ، في محاولة لجعل كل ما نعمل عليه "يبدو جيدًا".

لكن هل تدرك مدى أهمية ذلك؟ وهل هناك ما هو أكثر من مجرد "المظهر الجيد"؟

وظيفة تصميم التسويق

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

أود أن أقول إن التصميم يؤدي ثلاث وظائف رئيسية في عالم التسويق:

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

الثلاثة سي للتصميم العظيم

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

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

دعنا نتعمق في كل من هذه الأمور ، ونلقي نظرة على أمثلة لما نتحدث عنه لكل مفتاح من هذه المفاتيح الثلاثة للتصميم الرائع.

{{cta ('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

أمثلة على التصميم غير الواضح

ربما يكون من الأفضل تحديد ماهية التصميم الواضح من خلال النظر في بعض الأمثلة للتصميم غير الواضح . يمكننا رؤيته في حياتنا اليومية ...

أي زر ينزل؟ يمكنك التخمين ، ولديك لقطة 50/50 ، لكن لا يجب عليك التخمين. لم يفكر مصمم هذه الأزرار في واجهة المستخدم. تأكد من أن التصميم يجعل اكتشاف أشياء كهذه أسهل وليس أصعب.

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

أوه. هون .

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

كل ذلك ليقول ، "أوه. هون ".

هذا كل ما سيقوله المستخدمون ، أليس كذلك؟ "أوه. هون ". لكنني أضمن لك أن المصممين في بولدن كانوا جميعًا يسعون لبعضهم البعض عندما توصلوا إلى هذا.

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

نظرت إلى هذه الصورة وقرأت كل ذلك وما زلت لم أفهمها. وقوف السيارات لمدة ساعة أثناء النهار ، ولكن ماذا يحدث بعد الساعة 6؟ لا اعرف .

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

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

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

يتواصل التصميم الواضح دائمًا بأبسط طريقة ممكنة.

وهذا يقودنا إلى ج: نظيف. لذا دعنا مرة أخرى نحاول تعريفه من خلال النظر إلى أمثلة العكس.

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

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

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

هنا لدينا خلفية رخامية خاطئة تمامًا ، وشعارات غريبة - واحدة منها 3 مرات! - وكل خط ولون أساسي ساطع كان متاحًا للمصمم. دعونا نضع ذلك في اقتباسات مخيفة. "مصمم."

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

فكر في ما يريد جمهورك معرفته. أولاً يريدون معرفة ما نتحدث عنه؟ يجب أن تكون الرسالة الأولى "أول مهرجان بنينجتون هامفيست السنوي". يجب أن يكون ذلك أكثر بروزًا من أي شيء آخر.

ثم يسأل الجمهور "حسنًا ، ما هذا؟" لذلك يجب أن يكون هذا في المرتبة الثانية من حيث الشهرة ، ولكن بدلاً من ذلك أعتقد أن الإجابة مخفية هنا في الزاوية: "Ham Radio Swapmeet ." قبل أن يتحمس أي شخص هناك ، أنا آسف ، لقد فاتك ذلك. كان قبل عدة سنوات.

معلومات من هذا القبيل - الزمان والمكان - يجب أن تكون المستوى الثالث في الصدارة. وهلم جرا.

يمكنك استخدام التصميم لتوجيه جمهورك من خلال ما يريدون معرفته: "إن Pennington Hamfest عبارة عن اجتماع مبادلة راديو هام وهو في 2 حزيران (يونيو) 2012." لا يعيق التصميم النظيف ذلك ، فهو يجعله أسرع وأسهل.

لم يتم تصميم هذا بشكل واضح ، ولكنه يوفر أيضًا مقطعًا رائعًا في "C" التالي لأنه ليس كذلك على الإطلاق ...

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

لذلك دعونا ننظر إلى الصورة أعلاه من زاوية الاتساق.

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

يجب أن يكون هناك مظهر متسق ، ثم يجب أن ينبثق كل التصميم من اختلافات طفيفة في هذا المظهر.

قواعد التصميم الجيد

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

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

ثم مع مشاريع محددة ، على سبيل المثال عرض تسويق داخلي ، ستنشئ اتساقًا ضمن ذلك أيضًا. مع مراعاة تناسق علامتك التجارية ، لكل مشروع ، يجب عليك ...

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

أمثلة على التصميم التسويقي الرائع

الآن دعونا نلقي نظرة على مثال لكل الأشياء التي تحدثنا عنها ، في الواقع. سنلقي نظرة على الحملة التي أنشأناها لكتاب هزلي تسويقي داخلي أنشأناه في ماديسون / مايلز ميديا ​​(وكالة تصميم الويب). لقد أمضينا سنوات في العمل على هذا الكتاب ، لذلك أردنا حقًا إنشاء حملة حوله تعمل.

كيف أنشأنا حملة عرض واردة استخدمت التصميم لدفع المشتري طوال رحلته؟

لنبدأ مع زر الدعوة إلى العمل لدينا:

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

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

هل هو متسق؟ حسنًا ، هذه هي أول قطعة يراها معظم الناس ، لذلك نحن نؤسس المظهر هنا للقطع اللاحقة لتكون متسقة معها. لكننا نؤسس بالفعل تناسقًا مع الكتاب الهزلي نفسه من خلال سحب اللون الذهبي من "وايلد!" في العنوان ، الخط الذي استخدمناه لجزء "Drive Your customers" من العنوان والخط التقليدي من الغلاف الذي استخدمناه للترجمة. هذا هو Benton Sans ، وهو الخط الرئيسي لعلامتنا التجارية لوسائط Madison / Miles. نستخدم ذلك للزر "احصل على كتابك الهزلي المجاني".

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

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

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

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

ها هي الصفحة المقصودة.

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

انها واضحة. عنوان كتابنا الهزلي كبير ويتمحور حول فن البطل. من الواضح جدًا ما هو متوقع من الزائر. املأ حقول النماذج الثلاثة وانقر فوق الزر الكبير الذي يسهل رؤيته. سهل جدا.

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

وهو يتفق مع CTAs. الصور من نفس المصادر ، الشيء الوحيد هو أننا نمنحهم نظرة خاطفة داخل الكتاب الهزلي الآن. قد تلاحظ أننا قدمنا ​​أيضًا خطًا آخر ، ولكن هذا هو الخط الثانوي لماديسون / أميال من موقعنا على الإنترنت ، Playfair Display. لذلك نحن نقدم القليل من ذلك الآن ، لكننا نحافظ على كل شيء متسقًا مع المظهر الراسخ. لدينا أيضًا الشريط الأخضر في الأسفل ، وهو اللون الأخضر للوسائط Madison / Miles. لذا مرة أخرى ، فقط نقدم بعضًا من علامتنا التجارية بطريقة خفية للغاية.

والآن نصل إلى صفحة الشكر.

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

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

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

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

تم التعرف على وسائط madison / miles كأفضل شركة تسويق للمحتوى على DesignRush. {{cta ('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}