14 من أفضل الأمثلة على تصميم البريد الإلكتروني الجميل

نشرت: 2022-10-07


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

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

قم بإنشاء توقيع بريد إلكتروني جديد على العلامة التجارية ببضع نقرات. ابدأ هنا. (انه مجانا.)

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

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

جدول المحتويات:

أمثلة على تصميم النشرة الإخبارية بالبريد الإلكتروني

1. الصندوق التعاوني

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

وبغض النظر عن اللون ، فقد استفادوا من التقسيمات النظيفة لفصل هذه الكتل ، مع دمج مواد مختلفة - مثل الورق المجعد - لخلق تجربة مقنعة حقًا.

إلهام البريد الإلكتروني Html ؛ رسالة إخبارية عبر البريد الإلكتروني للصندوق التعاوني مصدر الصورة

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

2. دومينو

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

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

إلهام البريد الإلكتروني Html ؛ البريد الإلكتروني للنشرة الإخبارية Domino مصدر الصورة

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

3. مختبرات InVision

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

إلهام البريد الإلكتروني Html ؛ رسالة إخبارية بالبريد الإلكتروني من InVision Labs مصدر الصورة

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

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

4. GrubHub

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

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

إلهام البريد الإلكتروني Html ؛ GrubHub ماذا يوجد في قائمتك؟ ميلادي مصدر الصورة

نصيحة للمحترفين: الحركة تلفت الأنظار. نرى هذا في جميع وسائل التواصل الاجتماعي وغيرها من وسائل الإعلام. يمكن أن تؤدي إضافة هذه الميزة إلى رسائل البريد الإلكتروني الخاصة بك إلى جذب المشاهدين الذين يغريهم عامل الحركة في المحتوى المواجه للجمهور. تعرف على كيفية إنشاء ملف GIF باستخدام Photoshop.

رعاية أمثلة تصميم البريد الإلكتروني

5. مفيد

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

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

إلهام البريد الإلكتروني Html ؛ مرحبًا بك في Handy Email مصدر الصورة

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

6. عباد الشمس

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

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

إلهام البريد الإلكتروني Html ؛ مؤتمر تصميم البريد الإلكتروني الذي قدمه Litmus مصدر الصورة

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

7. أوبر

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

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

إلهام البريد الإلكتروني Html ؛ أوبر تخفض أسعار البريد الإلكتروني القصير مصدر الصورة

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

8. كويانا

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

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

إلهام البريد الإلكتروني Html ؛ Cuyana مرصوف بالحصى حقائب جلدية منعشة ومحافظ البريد الإلكتروني مصدر الصورة

نصيحة للمحترفين: هذا مثال على بريد إلكتروني تم إنشاؤه باستخدام HubSpot. انقر هنا للتحقق من المزيد من أمثلة التسويق عبر البريد الإلكتروني من مكتبتنا .

أمثلة لتصميم البريد الإلكتروني للتجارة الإلكترونية

9. جي كرو

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

إلهام البريد الإلكتروني Html ؛ جي كرو ، هذا يستحق التمرير مصدر الصورة

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

10. التفاح

يوازن البريد الإلكتروني الخاص بالعطلات من Apple بين المساحة البيضاء وعروض المنتجات لإنشاء تجربة ممتعة حقًا.

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

إلهام بريد إلكتروني بتنسيق Html ، بريد إلكتروني في عطلة Apple مصدر الصورة

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

11. السلع المصنوعة في الاتحاد

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

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

إلهام البريد الإلكتروني Html ؛ البريد الإلكتروني الخاص بيوم الأمهات الذي يصنعه الاتحاد مصدر الصورة

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

12. كاسبر

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

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

إلهام البريد الإلكتروني Html ؛ مرحبا كاسبر البريد الإلكتروني الحالم مصدر الصورة

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

13. شوود × ستانلي

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

إلهام البريد الإلكتروني Html ؛ بريد إلكتروني Shwood x Stanley Adventure Pack مصدر الصورة

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

14. هاري

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

شيء آخر نحبه هو تلك الدعوات ذات اللون الأحمر الساطع ؛ تبدو قابلة للنقر ... ألا توافق؟

إلهام البريد الإلكتروني Html ؛ عنوان البريد الإلكتروني لعطلة هاري في فصل الشتاء مصدر الصورة

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

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

ملاحظة المحرر: تم نشر هذا المنشور في الأصل في مايو 2012 وتم تحديثه للحداثة والدقة والشمولية.

عبارة جديدة تحث المستخدم على اتخاذ إجراء