Dogr–A learning template

a multi-column HTML email with no media queries

Deployed: 2015
Platforms: desktop & mobile
Role: front-end dev
Tech: HTML Email
Dogr email
Dogr email on desktop

Client

Noble Desktop

Goal

To teach up-and-coming coders responsive HTML email development techniques that work with both modern and legacy email systems.

Challenge

At the time of creation, Gmail, among other email clients, was not yet supporting the use of media queries.

Architecture

This email is a basic two-column product-focused email with a hero section.

The email folds into a single column naturally on mobile, using a hybrid approach.

Microsoft conditional comments are implemented to maintain structure in Outlook.

Media queries are included to smooth out and enhance the mobile version of the email where supported.

back to view all work
view all work