top of page

Graphic Designer. Art Director. Motion Designer. UI Designer. Content Designer. Design Manager. Retail Designer. Web Designer. Print Designer. Digital Designer.

HTML email templates

Software:

Adobe XD

Services:

Email design

Templating

Typography

UI

Email Phone header v3 copy.jpg

In collaboration with our Ecommerce and CRM teams, as well as our email client Ometria, we identified a significant opportunity in 2023 to enhance the design and efficiency of our email campaigns. Historically, we built emails using Photoshop, which gave us control over aesthetics and allowed the use of custom brand fonts. However, this approach came with drawbacks: lengthy production times, cumbersome amendments, and oversized email files that frequently triggered spam filters.

With a growing need to scale both broadcast and automated email campaigns to drive sales, we set out to modernize our processes. The goal was to improve speed, flexibility, and deliverability while maintaining high design standards.

We began with in-depth consultations with Ometria to fully understand the platform's capabilities, uncover opportunities, and identify potential challenges. Following this, we conducted three iterative rounds of design, development, and testing in close collaboration with Ometria. After securing approval from senior leadership, the new HTML email templates were successfully implemented in early 2024.

 

This project not only addressed immediate business needs but also established a scalable foundation for future email marketing efforts, reinforcing our ability to deliver impactful campaigns efficiently.

The results were transformative:

  • Enhanced Efficiency: Streamlined workflows and faster updates.

  • Improved Engagement: Higher open and click-through rates.

  • Elevated Design: Modern, visually appealing templates.

  • Consistent Branding: Unified style guide for a cohesive look.

  • Scalability: Flexible blocks for varied campaign needs.

  • Better Deliverability: Smaller emails reduced spam risk.

  • Future-Ready: A solid foundation for scaling campaigns.

HTML Email Project V2.jpg
HTML Email Project V24.jpg
HTML Email Project V22.jpg
HTML Email Project V23.jpg
Email block templates:

We then developed a versatile set of content blocks tailored to various types of emails we might send. Significant effort went into researching best practices, optimising for click-through rates, and designing content structures that are both engaging and easy to navigate.  These blocks will be added to over time and as need arises.

HTML Email Project V5.jpg

Clear CTAs drive clicks to multiple URLs

Clear simple typography, consistent and aspirational

We now use more concise text and drive clicks with strong imagery.

Use of cutouts cleans up and simplifies the email.

 CTA blocks used to cross-sell
 and simplify choice

Icons add character and help
with comprehension   

Test email templates:

The blocks were then assembled into complete emails, ready to be sent through Ometria. Below are examples of test emails we created to ensure everything fit seamlessly and no details were overlooked. These tests aligned with the launch of our SS24 seasonal campaign.

HTML Email Project V26.jpg
HTML Email Project V27.jpg
Email style guide:

We began by designing, refining, and building a comprehensive email style guide, which ensured consistency and cohesion when creating email blocks.

bottom of page