--- title: "Before and After: Transforming Email Design with the 3 P's" description: Discover several best practices for determining when an email makeover is in order, and how to go about implementing one. image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # Before and After: Transforming Email Design with the 3 P's ![EJ McGowan](https://www.websitemagazine.com/hubfs/Author%20Photos/EJ%20McGowan.jpg) [by EJ McGowan](https://www.websitemagazine.com/web-design/author/ej-mcgowan) 16 Jan, 2023 - - - [mailto:?Body=https://www.websitemagazine.com/web-design/before-and-after-transforming-email-design-with-the-3-p-s](mailto:?Body=https://www.websitemagazine.com/web-design/before-and-after-transforming-email-design-with-the-3-p-s) - Link Copied! ![Before and After: Transforming Email Design with the 3 P's](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) **One of the hottest trends on social media today is publishing before-and-after photos. Hashtags like #TransformationTuesday and #ThrowbackThursday often accompany pictures on social that show dramatic before-and-after improvements of people, places and, yes, even things (perhaps even an email template).** If marketers want to craft compelling, memorable campaigns that cut through the noise and transform the email marketing experience, chances are a digital makeover is in order. By capturing a few old emails and optimizing them for the three P's of email, seeing genuine improvements with a before-and-after makeover has never been easier.   ## \[P\]resent a Clear Call-to-Action It has been said time and again that the human attention span is decreasing rapidly; while the exact time is debatable, it is clearly becoming tougher for marketers to convince subscribers to act on a message. Email marketers need to be crystal clear in presenting their call-to-action (CTA); if the CTA is hidden below the scroll line, extremely wordy or in a long paragraph of text, it is time for a makeover. Before a marketer writes a CTA, it is critical to think about what type of action the consumer should take. Consider phrases like "buy now" to help readers appropriately respond. In order to create a clear and concise message, keep the call-to-action to just one sentence. A shorter CTA allows readers to understand the task at hand quickly and eliminates confusing jargon. Additionally, try formatting CTAs with bold and italic fonts to differentiate them from body text.   ## \[P\]repare for Mobile There is no question that more emails are being read today on mobile devices, and this method of viewing is only becoming more widespread. Gone are the days of designing for desktops; adaptive email marketers must make these small screens their biggest priorities by re-doubling efforts and focusing on how to best facilitate mobile content consumption. The first step to building a mobile-first approach is implementing responsive design. Responsive design tools (often included in email marketing services) help senders create the most optimal viewing experience on any device by rendering emails properly to the receiving screen, allowing easy navigation and minimal resizing. In order to design for all platforms, always focus on a vertical layout as this not only allows for more information to be provided before the scroll line, but also ensures emails will be mobile compatible.   ## \[P\]rioritize Space Images do add to the viewing experience, but there is a fine line between using images to convey a message and overwhelming readers with entirely too many graphics. Designing an email that is too heavy with images not only delays the time it takes for a message to load, but can also send emails directly to the spam folder. While impressionable subject lines help catch subscribers' eyes in a crowded inbox, the content and structure of an email is key to keeping subscribers reading and acting on a message. For a marketer's next email, they should begin with incorporating text and a CTA at the very top of the message. This allows a reader to quickly see what the main message is while waiting for graphics to load. In addition to placement of text, having a balance of text and images that pleases readers is imperative. Spammers often hide their messages in graphics to try and beat the spam filter; because of this, engines are trained to not send emails heavy in images to inboxes. In order to find the perfect balance of text and graphics for a subscriber list, enterprises will want to utilize A/B split testing and see what works best.   ## Keep Pace When designing emails, it can be easy to fall into the routine of using the same format or template. However, in order to keep a subscriber base engaged, it is critical that marketers keep pace with the changing times and adapt their campaigns to reflect the latest trends while maintaining a cohesive design. Following the tips above will ensure a successful email makeover that is bound to leave subscribers engaged. --- EJ McGowan, general manager of [Campaigner](https://www.campaigner.com/), has more than 25 years of experience in the software industry with expertise in building highly available, scalable SaaS-based solutions. ![EJ McGowan](https://www.websitemagazine.com/hubfs/Author%20Photos/EJ%20McGowan.jpg) [EJ McGowan](https://www.websitemagazine.com/web-design/author/ej-mcgowan) EJ McGowan, VP of Engineering for Glance Networks and Founder of Carpe Diem Software, is a highly experienced software professional with a career spanning over three decades. With a background in mini-computing and experience building major applications for microcomputers, EJ has a unique perspective on the evolution of technology. He was the architect for one of the first SaaS applications and now focuses on creating scalable and highly available applications for the on-demand marketplace. With a successful track record in building and leading development organizations and sales and marketing teams, EJ is a valuable asset in the software industry. - #### Popular Post ### [6 Sexy Web Design Agency Websites ![6 Sexy Web Design Agency Websites](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-19-54-9734-PM-Apr-10-2023-01-58-57-4342-PM-Apr-25-2023-03-47-11-5390-AM-May-01-2023-10-24-02-6643-PM.png)](https://www.websitemagazine.com/web-design/6-sexy-web-design-agency-websites) ### [Six User Testing Questions to Ask While Navigating Website Redesigns ![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png)](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) ### [The Most Popular Fonts of 2015 ![The Most Popular Fonts of 2015](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/serifshot-3-1-1-1.jpg)](https://www.websitemagazine.com/web-design/the-most-popular-fonts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Web Design [![The Vertical Split Screen Design Trend](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) The Vertical Split Screen Design Trend](https://www.websitemagazine.com/web-design/slicing-dicing-the-split-stacked-screens-trend) [![Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/question-mark483bf98ec5e163acbc5dff0000ff1aaa-3-1-1-1.png) Six User Testing Questions to Ask While Navigating Website Redesigns](https://www.websitemagazine.com/web-design/six-user-testing-questions-to-ask-while-navigating-website-redesigns) [![Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/unsplash-53117-Jan-23-2023-02-22-47-9807-PM-1-1-1.jpg) Design for Conversion: Apply the Von Restorff Effect](https://www.websitemagazine.com/web-design/design-for-conversion-apply-the-von-restorff-effect) [![Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-24-25-7392-PM-Apr-10-2023-02-13-05-1129-PM-Apr-25-2023-04-00-33-0074-AM-May-01-2023-10-36-52-3196-PM.png) Why Modern Web Design Is No More: The New Era of 'Product Design'](https://www.websitemagazine.com/web-design/why-modern-web-design-is-no-more-the-new-era-of-product-design) [![5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png) 5 Fab, Fresh & Free Animation Libraries](https://www.websitemagazine.com/web-design/5-fab-fresh-free-animation-libraries) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "EJ McGowan", "url" : "https://www.websitemagazine.com/web-design/author/ej-mcgowan" }, "dateModified" : "2023-05-01T22:38:56.087Z", "datePublished" : "2023-01-16T06:00:00.000Z", "headline" : "Before and After: Transforming Email Design with the 3 P's ", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-16-08-6449-PM-Apr-10-2023-02-12-54-4429-PM-Apr-25-2023-04-00-11-0245-AM-May-01-2023-10-36-44-2646-PM.png" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/web-design/before-and-after-transforming-email-design-with-the-3-p-s", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "EJ McGowan" } ], "headline" : "Before and After: Transforming Email Design with the 3 P's", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```