![]() This email from Office is a perfect example of an ideal CTA placement.ĭepending on the message to be conveyed, if images are to be included, ensure to use images of good resolutions in your PSD template mockup as well as your email blast design. Besides their placement, the CTA button needs to be well highlighted & thumb clickable too in your PSD email. Here’s an example that illustrates the same.Įven though many may argue against it, placing the CTA above the fold in email mockups results in increased click-through rates in product/service showcase emails. It can be a rich hero image, a banner, or even plain salutations. So the most important information needs to be provided within the top 250-400px of your PSD design (termed: Above the Fold) based on the device screen width. If you have a navigation menu, the header is the best place to accommodate it.īody: Once your subscriber opens an email, the first glance is a decider- It determines whether they will move further or delete (or unsubscribe if iOS 10 user) the email. While designing your PSD email template, the header can have a preview text that can be kept hidden while coding to avoid subscribers from re-reading the text once they open the email. Some email clients such as Apple Mail, Gmail, and native email clients fetch the first few characters from your email as a preview text. ![]() Owing to compatibility issues with different email clients, your email should have an option to view the email online, and this option should be made prominent. Header: Even though your subscribers will open the email by recognizing the From name and subject line, it is important to have a brand element in the header for those new to your emails. Basic Skeleton: How To Create HTML Email Design Therefore, even before you start brainstorming the design aesthetic of your campaigns, it is essential that you have clarity regarding your email newsletter dimensions. Hence you need to adjust your content within the boundary of 500px for desktop layout and 300px for mobile layout. In order to prevent any clipping or misalignment of your email content, it is important to provide padding on either side. ![]() For the mobile layout, the width shall reduce to ~320px. One of the best practices in email template design is to have a maximum template width of 800px or 600px. Based on your choice, responsive email mockups and design will have a separate desktop layout and mobile layout. While promotional emails rely on images typically accompanied with a short description, email newsletters are text-heavy and the inclusion of images is optional.īefore going forward with your conceptualized designs, it is important to determine whether your emails are going to be fixed width or responsive. All types of emails can be segmented into 2 broad categories: It all begins with understanding the type of HTML email that has to be sent. ![]() Learning the pro-tips for creating an email template can help you create a functional email design and in this blog, we shall enlighten you with tips to look for while creating a PSD design for an Email Campaign. We, at Email Uplers, are firm believers of the fact that an HTML email with relevant content and a design that resonates with your subscribers has the most chances of registering higher open rates and click-throughs. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |