- beehiiv Blog 中文
- Posts
- 電子郵件行銷設計的最佳方式 [含範例]
電子郵件行銷設計的最佳方式 [含範例]
如何創建視覺上引人入勝的電子郵件以促進成效
Lauren Haas
December 06, 2023
有效運用電子郵件行銷你的事業，不僅僅是撰寫吸引人的文字然後按下發送鍵那麼簡單。視覺元素的重要性可能超乎你的想像。優秀的電子郵件行銷設計（Email marketing design）在吸引注意力、提高參與度，並最終提升轉換率方面扮演著關鍵角色。
電子郵件設計包含了從版面配置、字體排印到色彩和視覺元素等各個面向。它是你品牌訊息和個性的視覺呈現，可以決定你的電子郵件行銷策略成敗。
研究顯示，具有視覺吸引力設計的電子郵件比純文字郵件有更高的點擊率和轉換率。一個引人注目的電子報設計可以有效傳達您的訊息、建立與訂閱者的信任，並引導他們採取期望的行動。
此外，精心設計的電子郵件能展現專業性和可信度，有助於在讀者心中建立你的品牌形象，讓人覺得值得信賴。這也能讓你在競爭對手中脫穎而出，特別是那些忽視電子郵件行銷視覺吸引力重要性的競爭對手。
要在電子郵件行銷上取得成功，關鍵在於優先考慮與品牌形象一致的精心策略設計。從 選擇互補色（complementary colors） 到製作清晰的行動呼籲按鈕（Call-to-Action, CTA buttons），每個元素都應該經過精心設計，以提升用戶參與度並帶來成效。
打造有效電子郵件設計的解析：不可或缺的關鍵元素
一封成功的電子郵件設計包含幾個關鍵元素。
主旨欄（Subject Line）
主旨列（Subject line）的關鍵作用是引發好奇心，讓收件人足夠感興趣而打開並閱讀你的訊息。它應該簡潔、引人入勝，並能讓收件人準確了解郵件內容。
標題與內容
一旦你用主旨、吸引人的標題和內容成功抓住讀者的注意力，接下來就要想辦法讓他們持續保持興趣。運用簡潔有力的語言來有效傳達你的訊息。善用項目符號或小標題來分段，讓文章更容易閱讀。
視覺元素
一張圖勝過千言萬語並非老生常談，而是千真萬確的事實——只要你選擇能一目了然闡明重點的圖片。影片、 GIF 動畫（GIF animations） 、圖表和資訊圖表對於電子郵件行銷設計來說都是不可或缺的元素。
行動呼籲（Call to Action, CTA）
接下來是 CTA 按鈕 ——這是引導讀者採取行動的地方。確保它在視覺上引人注目，並使用能激勵讀者點擊或完成某項操作的行動導向語言。
行動裝置響應性（Mobile Responsiveness）
你知道現在 61% 的電子郵件是在行動裝置上開啟的 嗎？這意味著確保你的設計能夠在不同裝置上無縫適配，以提供最佳使用者體驗，變得至關重要。
你可以使用響應式電子郵件範本（responsive email template），或是實作以行動裝置優先的設計（mobile-first design），創建垂直布局來達成這個目標。
在多種裝置上檢查你的版面配置，確保文字在小螢幕上易於閱讀，且你的CTA按鈕能輕鬆用手指點按。
透過在您的電子郵件設計中融入這些關鍵元素——從吸引人的主旨行到引人入勝的內容，再到行動裝置響應性（mobile responsiveness）——您將能提高吸引目標受眾注意力並達成預期成果的機會。
為什麼信任我們？ Lauren Haas 擁有平面設計背景，她運用這項專長為 Main Street Marketing Mix 的客戶製作吸引眼球的內容、社群媒體圖片和電子郵件。
12 個電子郵件行銷設計的最佳方式
這些最佳方式提供了實用的建議，包括如何架構你的電子郵件、明智地選擇字體和顏色、挑選並放置圖片等等。無論你是經驗豐富的電子郵件行銷人員，還是剛起步的新手，這些技巧都能幫助你創造出視覺吸引力強、能夠抓住讀者注意力並提高互動率的電子郵件。
1） 了解你的讀者群，並為你的電子郵件行銷活動設定明確目標
以下是優秀行銷人員在設計電子郵件前會問自己的幾個問題
我的讀者有多忙碌？
他們是主動要求這些資訊，還是你未經請求就提供的？
我的目標是什麼？
如果你的讀者是個對你的電玩遊戲癡迷的無聊青少年，你可以假設他們願意花時間仔細閱讀你的電子郵件。但如果你的目標受眾是個沒有主動詢問過你產品資訊的小型企業老闆，你只有幾秒鐘的時間切入重點並說服他們。
記住這些資訊和你的目標，將有助於你決定是要發送簡短的 150 字電子郵件，還是較長的電子報。
2） 了解你的品牌識別（Brand Identity）
人們會被具有鮮明個性的品牌所吸引。如果你的品牌是一個卡通角色，它會是一隻睿智的貓頭鷹、一隻優雅的美洲豹、一位留著大鬍子的教授，還是一隻可愛的泰迪熊呢？
想想看像是 Apple、Nike、Coca-Cola、Disney、McDonald's 和 Tesla 這些品牌。他們所做的每個選擇，包括字體、顏色和照片，都在強化他們的品牌識別（brand identity）。你的選擇應該要和這些大品牌一樣，既有意識又具影響力。
3） 選擇適當的電子郵件範本和版面配置以達到最大效果
在選擇範本時，請務必注意以下幾點：
標題與正文之間的強烈對比（稍後會詳細說明）
適用於行動裝置的響應式設計（Responsive design）
能傳達品牌形象的字體和配色
4） 建立強而有力的視覺層次（Visual Hierarchy）
打開電子郵件時，看到一大片文字——全都是相同大小，沒有留白空間，會讓人感到不知所措。這樣的郵件看起來像是需要花上永恆的時間才能處理完。大多數讀者甚至不會嘗試閱讀，就直接刪除這種電子郵件了。
但如果文字間穿插了醒目的標題和引人入勝的圖片，你的目光就會立刻知道該先看哪裡，而且能在幾秒鐘內快速瀏覽內容。
建立強而有力的視覺層次結構的關鍵，在於猜測讀者的目光會先落在哪個元素上（通常是標題或圖像），並利用該元素引起他們的好奇心，進而吸引他們繼續閱讀更多內容。
5） 讓您的訊息易於掃讀
要讓你的層次結構真正發揮效果，你需要強烈的對比。舉例來說，如果你有五個標題都是相同大小，讀者的眼睛還是會對該先看哪裡感到困惑。
想想報紙是如何運用設計來引導你的視線。
讓你最重要的內容佔據更多版面
將標題設計得比內文大得多
使用大型圖像突顯最重要的段落
將重要元素（包括第一個CTA）放在頂部，讓讀者不需要滾動就能看到。
報紙出版商使用「頭版」這個詞來指稱讀者在報攤上不需展開報紙就能看到的部分。他們的任務就是將最吸引人的標題和照片安排在這個頭版頭條區域。
現代的等效概念就是電子郵件中不需捲動就能看到的區域。如果有人點擊了你的主旨列，你會希望立即吸引他們的注意力，甚至可能讓他們點擊你的 CTA。如果你把 CTA 藏在螢幕外，你就無法獲得那些點擊。
6） 保持段落簡短
你越重視讀者的時間，他們就越會喜歡你。就是這麼簡單。
看到了嗎？就是這麼簡單！
7） 使用項目符號
項目符號列表是將資訊濃縮成較少文字的絕佳方式。原因如下：
不需要是完整句子
沒有過渡詞
簡短精闢的資訊爆發
易於瀏覽
8） 將內容分類整理成不同區塊
如果你選擇 發送電子報 或其他包含多則訊息的電子郵件，你需要將內容分開，讓讀者能夠快速找到他們想要的資訊。
其中一個方法是運用顏色。假如第一個區塊使用藍色標題、深藍色文字和藍色CTA按鈕，而第二個區塊則將這些元素設為橘色，讀者就能輕鬆瀏覽內容而不會感到混淆。
你也可以全文使用黑色字體，並利用背景顏色來區分不同的段落。
在使用區塊時，視覺層次也是關鍵。你最重要的區塊應該放在「頭版」位置，搭配粗體標題、大幅圖像、簡短文字，以及一個「閱讀更多」的 CTA。較不重要的區塊可以放在下方，使用較細的字體作為標題，並配上較小的圖像。每個區塊都可以有自己的 CTA。
9） 善用動態內容（Dynamic Content）
動態內容 讓您能為不同的使用者客製化相同的電子郵件內容。因此，當您發送每週電子報時，現有客戶可能會看到一個突出顯示您部落格上新的「使用教學」功能的頂部區塊，而潛在客戶則會看到一個邀請他們註冊免費試用的頂部區塊。
10） 加入視覺元素
視覺元素，如圖片、圖形和影片，能夠顯著提升讀者的參與度、可讀性，以及品牌形象。
首先，選擇與您的訊息相關且符合品牌形象的高品質圖片。避免使用可能給人不夠個人化或老套印象的一般素材照片。
在電子郵件的版面配置中策略性地放置圖片，以創造視覺焦點並引導讀者的視線。優化圖片大小以確保快速載入時間，並兼容不同的裝置。
短片可以提供有價值的內容或展示產品和服務，但有些電子郵件客戶端可能不支援影片播放。因此，請務必加入一個吸引眼球的縮圖影像，並附上清晰的CTA，引導收件人前往著陸頁面或網站觀看影片。
運用資訊圖表或客製化插圖，以視覺吸引力的方式呈現數據或複雜資訊。請謹慎且有目的地使用圖像，確保它們能增強整體訊息，而非造成視覺負擔。
11） 設計引人行動的 CTA
CTA 按鈕應該在視覺上具有吸引力，與電子郵件的其他設計形成對比，以便突出顯示。按鈕上的文字應該簡潔明瞭且富有行動感，清楚傳達你希望讀者採取的行動。
為了達到最佳效果，請在第一段文字後方以及電子郵件底部放置 CTA 按鈕。
有些人還是會點擊圖片和標題，或是尋找帶底線的文字，而不使用按鈕。因此，最好將你的著陸頁連結嵌入盡可能多的地方。
12） 確保跨裝置的行動裝置友善設計
使用響應式電子郵件範本可以讓您的郵件自動適應不同的螢幕尺寸和解析度。這意味著無論您的讀者是在智慧型手機、平板電腦還是桌上型電腦上查看您的郵件，它都會呈現出視覺吸引力並易於閱讀。
在各種裝置上測試你的電子郵件，以找出郵件版面或功能上可能存在的問題或不一致之處。
測試並優化您的電子郵件設計，以達到最大影響力
測試和優化你的設計對於達到最大影響力至關重要。對你的電子郵件設計進行 A/B 測試（A/B Testing）——發送兩個版本，只有一個元素不同，並測量每個版本的回應——讓你能夠嘗試不同的版面配置、視覺元素、CTA和文案，以了解你的受眾對什麼反應最好。
分析開信率和點擊率可以為您的電子郵件設計效果提供寶貴的洞察。開信率能告訴您主旨行的吸引力以及您的訂閱名單的健康程度，而點擊率則能為您的內容和CTA提供反饋。
持續調整你的主旨行、微調連結的位置，並改進整體版面配置，以不斷提升你的讀者互動率和轉換率。
電子郵件行銷設計的最佳工具
擁有合適的工具可以在製作視覺吸引力和引人入勝的行銷活動上帶來顯著的差異。讓我們一起來探索一些最適合這個目的的優質工具吧。
專為電子郵件行銷設計的熱門平台之一是 beehiiv。beehiiv 以其友善的使用者介面和強大的功能而聞名，提供回應式範本和客製化選項，幫助您創建優化成長的精美電子郵件設計。透過其直覺的拖放編輯器（drag-and-drop editor），即使是設計經驗有限的人也能製作出專業水準的電子郵件。
另一個可用於電子郵件行銷設計的多功能工具是 Canva 。這款平面設計應用程式可以幫助你製作品牌形象圖片、流程圖、資訊圖表、圖表，甚至是可以納入電子報的短片。
YouTube 是一個廣受歡迎的免費影片託管平台，而且大多數的電子郵件平台都內建了 YouTube 嵌入功能。這讓你能夠透過動態的視覺內容來吸引你的觀眾，比起單純的文字，影片能更有效地傳達你的訊息。
實例分析：解析成功的電子郵件行銷設計
理論說明到此為止。讓我們來分析一些成功的電子郵件設計範例，從中獲得靈感。
透過分析實際案例，我們能夠親眼見證有效的設計元素如何被運用來吸引注意力、提高收件人的參與度，並促進轉換率。
透過研究這些成功的電子郵件行銷設計，我們可以洞察哪些策略是有效的。
《The Washington Post》的行銷團隊在保持這封電子郵件簡潔且重點明確方面做得非常出色。他們原本可以輕易地加入突顯近期內容的段落，但他們選擇保持專注。
這封電子郵件包含一個標誌、一個大標題、兩句具說服力的文案，以及一個清晰的CTA，明確告訴你點擊那個按鈕後會發生什麼事。
在筆記型電腦上，整封電子郵件能完整顯示在頭版空間內，且可以推測它採用了響應式設計，能在行動裝置上自動調整大小以達到相同效果。
The Washington Post 是一個知名的媒體品牌，所以他們不需要用太多文字來解釋自己是誰——讀者可能早已對他們不是愛就是恨。不過，知名度較低的品牌也可以採用這種簡潔明瞭的方式，特別是在銷售系列的最後一封電子郵件中。
這封來自 Groupon 的電子郵件內容豐富，至少包含了 15 個CTA。之所以能夠成功，唯一的原因就是它的內容安排非常有條理。
這裡有一個明確的層次結構，頂部有一個主要的大型優惠，第一個CTA不需捲動就能看到。下方是一長串優惠列表，但它們遵循非常清晰的格式（標誌、優惠內容、CTA），排列在整潔的網格上，因此很容易瀏覽且視覺上不會造成混淆。
Groupon 採用簡單且重複的配色方案（灰色文字框、與品牌綠色標誌相配的 CTA按鈕），以平衡各種不同標誌所造成的視覺混亂，這有助於引導視線。
網格格式能讓我們輕鬆運用動態內容，根據讀者過去的購買記錄來展示不同的優惠。舉例來說，置頂的優惠可能是讀者曾放入購物車但最後沒買的商品，或是與他們先前購買的商品相關的項目。
即使在筆電螢幕上，這封電子郵件也是垂直顯示的，這似乎是隨著行動裝置主導市場而出現的趨勢。
Amazon 是個人化內容的鼻祖。這封電子郵件是寄給先前購買過《The Boys》前幾季的顧客，而郵件中的所有內容都與這部影集直接相關。
這裡有一個明確的層級結構，在頭版區域有一個大型區塊，聚焦於新的衍生系列。這個區塊的大小恰好適合一般手機螢幕的尺寸——包括 CTA 按鈕在內。
在下方，我們可以看到兩個與該系列直接相關的小型內容。接著是一個包含四個類似系列推薦的網格。
黑色背景搭配白色按鈕提供了最高的對比度，能吸引眼球注意 CTA 按鈕，同時又不會與全彩圖片產生視覺競爭。
這是另一個主要為了在行動裝置上瀏覽而設計的電子郵件範例（此螢幕截圖是在筆記型電腦上拍攝的）。
在這則訊息中，折扣是最大的賣點，REI 團隊為了讓這些折扣看起來盡可能地大且醒目，其他一切都保持最簡。整個畫面只有一張照片，而且是作為背景使用的。
這裡有明確的視覺層次，頂部突出顯示了促銷公告。在下方，使用了反向配色方案來區分每個方框，同時保持設計的簡潔。注意巨大的折扣數字與輔助文字之間的字體大小對比。
又一個垂直布局（即使在寬螢幕上也是如此）。訊息開頭是一則清倉特賣公告，所有資訊和 CTA 都能在首屏範圍內完整呈現。
行銷人員很容易把「秋季清倉特賣」當作標題並強調它，但讀者已經知道現在是什麼季節了。電子郵件需要告訴他們為什麼現在就該採取行動。
Rugs.com 團隊深知，從讀者的角度來看，「八折優惠」是最吸引人的賣點。他們特意將這個訊息的字體放大，比周圍的文字都要大得多，這樣一來立即就能吸引讀者的目光。
在主要促銷公告下方是一些「精選系列」，這可能是根據瀏覽者過去瀏覽、收藏、搜尋或購買過的地毯款式而動態生成的內容區塊。
Rugs.com 使用頁面底部的小型灰色文字，巧妙地強調了他們的快速免費配送、退貨政策、客戶服務和社群媒體連結，而不會在視覺上與其他元素產生競爭。
結論：如何設計電子郵件行銷？
總而言之，設計出有效的電子郵件行銷內容將有助於吸引您的目標受眾並帶來成效。要開始這段旅程，註冊一個 beehiiv 帳號是個很好的第一步。
beehiiv 提供了一個使用者友善的平台簡化了設計和發送電子郵件的過程。透過其直覺的功能和可自訂的範本，您可以輕鬆創建視覺吸引力強且具有影響力的電子郵件行銷活動。
請記住，設計要與你的品牌形象保持一致，使用吸引人的視覺元素，並針對行動裝置進行最佳化。此外，考慮使用個人化和分眾策略，為不同族群的讀者提供量身打造的內容。
透過運用 beehiiv 的工具，並遵循電子郵件行銷設計的最佳方式，您將能夠創建引人入勝的電子報，與訂閱者產生共鳴並帶來成效。
