將您的郵件設計稿製作成 HTML：適用於郵件寄送服務的表格版面，貼近您的設計稿，並附手機版

成果範例

標準版方案範例顯示全部

Welcome and spring sale emails for a ceramics shop

The two emails

The welcome email on a phone

Files: a ZIP archive with 2 HTML emails built for email programs, with inline styles and an unsubscribe link, and 3 pictures drawn for them, ready to import into the client's mailing service. The pictures here are screenshots of the emails.

Client: Juniper & Oak, a small online shop of handmade ceramics and home goods. Task: two emails for their mailing service: a welcome email with 10% off the first order and a spring sale email with 20% off vases and planters, in sand, terracotta and olive.

客戶與所有細節皆為虛構。

關於此服務

您有一份郵件設計稿，需要變成郵件程式能正確顯示的程式碼。請上傳設計稿的截圖或 PNG 匯出檔，我們會製作成 HTML 郵件：相同順序的相同區塊、色彩、尺寸與按鈕，文字是真正的文字，而不是文字的圖片。程式碼符合郵件程式的需求：600 px 寬的表格、每個元素各自的樣式、外觀相近的系統字型，並且即使您的設計稿只有桌面版，手機上也是單欄。設計稿中的照片與插圖會以相同風格重新繪製，或在您上傳時使用您自己的。我們無法開啟 Figma、PSD 或 Sketch 檔案：請將畫面匯出為圖片。我們不負責寄送郵件。

包含內容

• 您會拿到什麼一個 ZIP 壓縮檔，內含每封郵件的 HTML 與圖片，可直接用於您的郵件寄送服務；訂單頁面上也能預覽。
• 貼近您的設計區塊、色彩、尺寸與按鈕皆依您的設計稿
• 真正的文字標題與段落是文字，而不是文字的圖片
• 手機版若您沒有手機版設計，則由桌面版設計製作
• 圖片就定位依設計稿的風格重新繪製，或使用您自己的圖片
• 取消訂閱連結頁尾的預留位置，由您換成郵件寄送服務自己的連結

服務流程

1. 1
   上傳您上傳郵件設計稿的畫面，並說明哪個是哪個
2. 2
   製作與預覽我們以表格與行內樣式製作每封郵件，您可在電腦和手機上與設計稿比對
3. 3
   壓縮檔您下載壓縮檔，並可在方案範圍內提出修改

需要您提供的資料

最多 5 張 PNG、JPEG 或 WebP 圖片：郵件設計稿的畫面，每封郵件一張圖，清晰到看得清楚文字；另可附上要原樣使用的標誌與照片。請說明哪個檔案對應哪封郵件、與設計稿不同的文字、每個按鈕要連到哪裡，以及頁尾的寄件者資料。不接受 Figma、PSD 或 Sketch 檔案：請將每封郵件的畫面匯出為圖片。

我們會詢問您：

• 哪個檔案對應哪封郵件？
• 文字與設計稿不同嗎？
• 按鈕要連到哪裡？
• 頁尾的寄件者資料

比較方案

常見問題

沒有找到您要的答案？ 詢問我們