• Find Inspiration

    Categories

    • B2B
    • B2C
    • Non Profit

    Types

    • Email Creatives (Automated)
    • Email Creatives (Standard)
    • Preference Centres
    • Sign Up Forms
    • Unsubscribe Forms

    Brand

    • Anthropologie
    • AO
    • Cath Kidston
    • Charity Water
    • Farmdrop
    • Fortnum & Mason
    • Gap US
    • Google
    • Gymshark
    • H&M
    • Habitat
    • John Lewis
    • JoJo Maman Bébé
    • JustFab
    • M&S
    • Marshalls
    • McDonald's
    • Moss Bros.
    • Net-a-Porter
    • Netflix
    • Next
    • Rifle Paper Co.
    • Sainsbury's
    • SelectSpecs
    • Swarovski
    • Target
    • The Home Depot
    • The White Company
    • Torrid
    • Warby Parker
    • Youtube
    • Zoom

    Country

    • UK
    • USA
  • Blog
  • E-telligence Book
Find Inspiration
Blog
E-telligence Book
Submit an Example

Email Creatives (Standard)

  • B2C, Retail / Ecommerce
  • Interactive

The White Company

Interactive Email Design

View email animations here

Brand

The White Company

Industry

E-Commerce

Subject Line

3 outfits you'll be wearing all Summer

Sending Domain

TheWhiteCompany@emailuk.thewhitecompany.com

Friendly From Address

The White Company

Desktop
Mobile
What we like about this email

In a great example of interactive email design, The White Company used hotspots to bring a group image of multiple products to life. As you mouse over or click on the pulsating + icons, you get a call to action button and a product name displayed. This animation works on both mobile devices and via the view in browser link however, we found it didn’t work in Gmail on Chrome, for example.

It also includes features such as text on a background image (e.g. “Planning a long-weekend escape? We’ve got the perfect pieces to pack – wherever you’re heading”) and a special offer for email subscribers only.

Accessibility Results

  • This email doesn’t feature ‘presentation roles set for screenreaders: Adding a ‘presentation’ role to tables tells a screen reader to skip reading the code that creates a table and only read the customer-facing text.
  • Remove ‘title’ attributes from images: A title attribute gives additional information about elements in your email, such as a tooltip that appears when a user hovers over part of an email. To improve accessibility, you should avoid using title attributes. They will disrupt the order in which screen readers read content. Instead, consider using alt text to describe an element.

 

General Tips:

  • Ensure a good colour contrast ratio with text on background colours so that they are readable for those with visual impairments or colour blindness. Web Content Accessibility Guidelines (WCAG) 2.0 recommend a contrast ratio of 4.5:1 between colours for body content and 3:1 ratio for bolded text larger than 18px or 23px without a bold.
  • Include a mix of bulletproof buttons and text links that are clearly defined using colour and underline features
  • Ensure all images have descriptive Alt text: Alt text allows you to describe images to users with visual impairments; screen readers can read the alt text to give details about the campaign. For images that don’t need text, simply add a blank alt attribute to ensure screen readers do not read the image’s URL path.

 

Results supplied by Email on Acid

Rendering Testing
Spam Test Results

B2B = 100% (5 passed filters)

B2C = 89% (17 passed filters, 2 failed filters)

Overall = 92%

 

Failed Filters:

Apple Mail 10 & 11

 

Results supplied by Email on Acid

You may also like...

Gymshark
Email Creatives (Automated)

Gymshark

View Example
Gymshark
Email Creatives (Automated)

Gymshark

View Example
Swarovski
Email Creatives (Automated)

Swarovski

View Example
JustFab
Email Creatives (Standard)

JustFab

View Example
Warby Parker
Email Creatives (Standard)

Warby Parker

View Example
JoJo Maman Bébé
Email Creatives (Automated)

JoJo Maman Bébé

View Example

Subscribe For Email Inspiration Updates

eFocus Marketing © 2021 All Rights Reserved
Facebook Twitter Instagram Youtube
  • Cookie Policy
  • Privacy Policy