จดหมายข่าวทางอีเมลที่ตอบสนองได้ดีเยี่ยม 10 ฉบับ

เนื้อหา

• 01. MailChimp
• 02. ตอม
• 03. นิตยสาร Smashing
• 04. หมู่. คอม
• 05. ทวิตเตอร์
• 06. ทอง
• 07. ถ
• 08. ขนาด?
• 09. คุณ Porter
• 10. เผ่าล่าสุด
• ชอบสิ่งนี้ไหม อ่านสิ่งเหล่านี้!

ในขณะที่การออกแบบเว็บที่ตอบสนองได้ถูกนำออกไปในช่วงปีที่แล้วการออกแบบอีเมลที่ตอบสนองได้ถูกทิ้งไว้ข้างหลังไปบ้าง แต่ถ้าคุณต้องการให้อีเมลของคุณอ่านได้ก็ต้องอ่านได้อย่างแน่นอน

มีบางแบรนด์ที่ตระหนักถึงประโยชน์ของการทำให้ชีวิตของลูกค้าง่ายขึ้นแล้ว นี่คือ 10 ตัวอย่างเพื่อสร้างแรงบันดาลใจให้กับความพยายามของคุณเอง ...

• ดูวิธีสร้างอีเมลที่ตอบสนองโดยทำตามบทช่วยสอนนี้และอ่านบทความการออกแบบเว็บที่ตอบสนองตามอุปกรณ์ทั้งหมดของเราที่นี่

01. MailChimp

อย่างที่คุณคาดหวังจากบริการการตลาดทางอีเมลที่ส่งอีเมลมากกว่า 4 พันล้านฉบับต่อเดือนอีเมลของ Mailchimp ก็สามารถอ่านได้ในระหว่างการทำงานเช่นเดียวกับที่พวกเขานั่งอยู่ที่โต๊ะทำงานของคุณ ส่วนที่สำคัญที่สุดของอีเมลนี้คือความเรียบง่าย การออกแบบแทบจะไม่เปลี่ยนแปลงระหว่างอุปกรณ์โดยมีเพียงลิงก์โซเชียลเท่านั้นที่เปลี่ยนเค้าโครงของพวกเขาสำหรับหน้าจอที่เล็กลง

02. ตอม

วิธีการออกแบบอีเมลบนมือถือของ Toms ของร้านรองเท้าคือการลบส่วนหัวและส่วนท้ายออกเพื่อให้แน่ใจว่าข้อความหลักจะปรากฏในทันที นอกจากนี้ยังอัปโหลดรูปภาพที่แตกต่างกันบนอุปกรณ์เคลื่อนที่ซึ่งน่าจะเป็นขนาดไฟล์ที่เล็กกว่าเพื่อเวลาในการโหลดที่เร็วขึ้น แต่ยังมีคำกระตุ้นการตัดสินใจที่ใหญ่ขึ้นและสำเนาที่สั้นลงเพื่อการแปลงที่รวดเร็วยิ่งขึ้น

03. นิตยสาร Smashing

บล็อกการออกแบบเว็บจดหมายข่าวของ Smashing Magazine มีการออกแบบที่เรียบง่ายและมีข้อความจำนวนมากโดยมีภาพขนาดเต็มเพียงภาพเดียวสำหรับแต่ละบทความ ซึ่งจะช่วยประหยัดเวลาในการตอบสนองต่ออุปกรณ์เคลื่อนที่เนื่องจากเค้าโครงจะลดขนาดลงโดยอัตโนมัติและยังสามารถอ่านได้และใช้งานได้เต็มที่โดยไม่จำเป็นต้องซูมเข้า

04. หมู่. คอม

MOOsLetter มอบข้อเสนอพิเศษเคล็ดลับและแนวคิดสร้างสรรค์เกี่ยวกับบริการการพิมพ์ของ Moo ให้กับผู้อ่าน ในสมาร์ทโฟนบทความรองในอีเมลจะเปลี่ยนจากเค้าโครงคู่เป็นคอลัมน์เดียวทำให้สามารถขยายขนาดข้อความได้และคำกระตุ้นการตัดสินใจทั้งหมดจะขยายให้เต็มความกว้างของหน้าจอ

05. ทวิตเตอร์

อีเมลตอบสนองของ Twitter ได้รับการยกย่องมากมายทั่วทั้งอุตสาหกรรมและถูกต้อง การลดความซับซ้อนของส่วนหัวการเพิ่มช่องว่างระหว่างการตอบกลับรีทวีตและการกระทำที่ชื่นชอบและการขยายคำกระตุ้นการตัดสินใจสุดท้ายทำให้อีเมลนี้ง่ายขึ้นมากในการนำทางด้วยนิ้วหัวแม่มือของคุณ แต่ทำไมพวกเขาถึงย้ายตำแหน่งของธง Twitter? รูปแบบหรือฟังก์ชัน?

06. ทอง

Gilt ดำเนินการขายแบบ จำกัด เวลาบนฉลากของนักออกแบบด้วยส่วนลดมากมายและในการดำเนินการนี้ผู้ใช้ต้องสามารถดำเนินการได้อย่างรวดเร็วตั้งแต่การรับอีเมลไปจนถึงการสั่งซื้อ การลบรายการลิงก์ทางด้านซ้ายมือและลดขนาดของการนำทางหลักสำหรับหน้าจอที่เล็กลงหมายความว่าผู้รับสามารถค้นหาสิ่งที่อาจสนใจและเข้าร่วมการขายได้อย่างรวดเร็ว

07. ถ

อีเมลของ Rdio ไม่เป็นไปตามหลักการออกแบบตามปกติที่มีความกว้าง 600px คงที่ แต่อีเมลของพวกเขาจะลื่นไหลโดยมีความกว้างขั้นต่ำดังนั้นเมื่อดูบนอุปกรณ์เคลื่อนที่เนื้อหาที่แสดงในคอลัมน์จะแสดงในคอลัมน์ที่แคบกว่าเท่านั้น โดยปกติแล้วสิ่งนี้จะไม่ได้ผลดีนัก แต่ด้วยจำนวนเนื้อหาที่น้อยการจัดวางจึงยังคงเหมือนเดิมและอ่านได้

08. ขนาด?

อีเมลจากเครื่องหมายคำถามร้านขายเสื้อผ้า Size? ดูเรียบง่ายเพียงพอสำหรับการใช้งานบนมือถือเนื่องจากการใช้ภาพขนาดใหญ่และการคลิกผ่าน แต่นั่นไม่ได้หยุด บริษัท จากการลงทุนเวลาเพื่อปรับปรุงประสบการณ์บนอุปกรณ์เคลื่อนที่ให้ดีขึ้นสักหน่อย จำนวนลิงก์ที่ด้านบนและด้านล่างของอีเมลจะลดลงแสดงเฉพาะลิงก์ที่สำคัญที่สุดและปุ่มใด ๆ จะยืดออกเพื่อเติมเต็มความกว้างของอีเมลทำให้กดได้ง่ายขึ้น

09. คุณ Porter

อีเมลจากเว็บไซต์ซื้อเสื้อผ้า Mr Porter ดูเหมือนจะไม่ตอบสนองหรือปรับให้เหมาะกับอุปกรณ์เคลื่อนที่ แต่เป็นเพราะการออกแบบที่ไม่จำเป็นต้องเป็นปัญหา รูปภาพและปุ่มฮีโร่ขนาดใหญ่ในส่วนด้านบนนั้นค่อนข้างเป็นมาตรฐานสำหรับการออกแบบอีเมลส่วนใหญ่ แต่เสื้อผ้าหรืออุปกรณ์เสริม 28 รายการหลังจากนั้นมักจะมากไปหน่อยสำหรับหน้าจอสมาร์ทโฟนขนาดเล็ก ไม่อยู่ที่นี่. Mr Porter เพิ่มคำอธิบายสั้น ๆ และน่ารักให้กับภาพที่แยกออกมาซึ่งเหมาะสำหรับการกดปลายนิ้ว

10. เผ่าล่าสุด

สิ่งนี้อาจดูเหมือนเป็นปลั๊กที่ไร้ยางอายสำหรับเอเจนซี่ Tribe ของฉันเองและอาจเป็นเช่นนั้น - แต่เรายังสร้างอีเมลตอบสนองของเราเองซึ่งเปลี่ยนจากเค้าโครงสองและสามคอลัมน์ที่แปรผันบนเครื่องเดสก์ท็อปเป็นเลย์เอาต์คอลัมน์เดียว ด้วยข้อความขนาดใหญ่บนอุปกรณ์เคลื่อนที่โดยใช้แบบสอบถามสื่อ อ่านง่ายและลิงก์มีขนาดใหญ่พอที่จะกดด้วยนิ้วหัวแม่มือหรือนิ้วโดยไม่ต้องซูมเข้า

คำ: จ้าเฮย์เวิร์ด

Mat เป็นนักพัฒนาและนักออกแบบดิจิทัลที่อาศัยอยู่ในน็อตติงแฮมและทำงานให้กับเอเจนซี่สื่อสารแบรนด์ Tribe.

ชอบสิ่งนี้ไหม อ่านสิ่งเหล่านี้!

• 10 ไซต์อีคอมเมิร์ซที่ตอบสนองอย่างยอดเยี่ยม
• วิธีสร้างแอป
• ดาวน์โหลดฟอนต์ฟรีที่ดีที่สุด
• การเลือกบทช่วยสอน Wordpress ที่ยอดเยี่ยม

คุณเคยเห็นตัวอย่างที่ดีของการออกแบบจดหมายข่าวทางอีเมลหรือไม่? แจ้งให้เราทราบในความคิดเห็น!