10 تصاميم نشرات إخبارية مفتوحة المصدر

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

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

إذا كنت تخطّط لإطلاق نشرة إخبارية خاصة بك، ستكون هذه التصميمات مصدر إلهام كبير لك.

seatGeek

مع تصميم أحادي العمود وأسلوب خطٍّ كبير، أحبّ الطريقة التي يستخدم بها البريد SeatGeek الأيقونات والرسومات البسيطة لجذب انتباهك.

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

سيقضي هذا التصميم الغرض منه عند استعماله مع رسائل التحقّق عبر البريد.

PlayStation

إذا كنت تبحث عن تصميم أكثر تعقيدًا، فإنّ إصدار Battlefield 1 من شركة Sony يقدّم بعض الأفكار الرائعة.

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

ومع ذلك، فإنّها مصمّمة بشكلِِ سلس للغاية وتوضّح الدور الذي تلعبه الرسومات عالية الجودة في تصاميم البريد.

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

يعدّ هذا البريد الإلكتروني بواسطة Social Print Studio رسالة تحقّق في المقام الأول، ولكنه يتضمن أيضًا نقاطًا حول الموقع وما يمكن للمستخدمين الجدد توقّعه من خلال استخدامه. ويتضمّن أيضََا زر دعوة إلى إجراء باسم "shop" CTA يؤدّي مباشرةً إلى الموقع حيث يمكن للقرّاء طلب مطبوعات لصور الانستغرام الخاصة بهم.

يعدّ هذا البريد مثالََا ممتازََا لإقناع المستخدمين بالعودة إلى الموقع مع زيادة عمليات التحقّق من الاشتراك.

##Archant

إليك نشرة إخبارية عبر الايميل حقيقية ومثيرة للاهتمام والتي تضمّ رسالة تحديث التفضيلات من Archant (ناشر عبر الإنترنت).

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

WistiaFest2017

عادة ما تكون النشرات الإخبارية لأحداث وفعاليات مثل هذه بسيطةََ للغاية. فالأهداف التي يصبون إليها قليلة: مشاركة المعلومات حول الحدث وتشجيع المشتركين لشراء تذكرتهم في وقت مبكِّر.

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

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

النشرات الإخبارية الخاصّة ب Sprout Social مصمّمة بطريقة رائعة وشفرتها البرمجية غير اعتيادية. ألقِ نظرة على هذا التصميم البسيط للترويج لندوة عبر الإنترنت.

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

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

لنلقٍ نظرة على مثال آخر من Sprout Social، وهو هذا البريد الترويجي الذي يغطي ميزة جدولة Instagram الخاصة بهم.

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

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

Moo Design

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

تُظهر صور المنتج كيف يمكن استخدام هذه العناصر ويمكنك أيضًا معرفة الكثير من أسلوب البريد ومظهره.

تَظهر هذه الصور بشكل غنيّ وممتع وتجعلك تحسّ بشعورٍ خفيف من الفكاهة. هذا يجسّد للقراء كيف تشعر هذه المنتجات ولماذا قد ترغب في زيارة Moo.

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

Under Armor

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

لاحظ عدد الصور الفريدة المستخدمة في هذا التصميم. من المنطقيّ، في بعض المنتجات، إضافة صور أكثر من نص. تخدم العناصر المُجمِّعة التي تحتوي على الصور ونداءات إجراء النشاط (CTA) الرسالة الإخبارية لـ Under Armor بشكلِِ جيّد، وهي عادةً استراتيجية جيّدة لجميع السلع المادية.

Runtastic

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

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

ولكن من خلال بريد متابعة رائع، يمكنك تقديم معلومات كافية لإثارة فضول الناس ورغبتهم في معرفة المزيد.

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

ترجمة -وبتصرف- للمقال 10 Newsletter Layouts With Free Source Code لصاحبه Jake Rocheleau