Graemartin logo

Responsive HTML Emails

The images below link to live responsive html email files provided and designed by my clients. My role is turning my clients desktop email designs into responsive code. Typically coverting emails for mobile environments is left up to me.

A major issue is that email clients tend to render html emails slightly differently. Depending on a users settings, some or none of the responsive features or images may load. Knowing inconsistencies exist and planning for conversion can be tricky.

I use HTML tables for layout, in-line CSS for styling content and media queries to adapt for mobile layouts. By meticulously testing within multiple browsers as well as online software like "Litmus" or "Campaign Monitor", I am able to ensure a clients design converts correctly and is deliverable.

HTML, Inline CSS, Photoshop, Illustrator, Indesign