Designer, Coder & More...

Penwizard Emails

Responsive email templates that look beautiful on all screens

Compatibility without Compromise

Aol webmail, Gmail, Outlook, Apple Mail, Yahoo Mail -- all these email clients display emails differently and that's before you get into the differences between mobile and desktop! As a result, many emails tend to be quite basic.

For this project, I didn't want to sacrifice the design just to ensure compatibility and so employed a variety of advance techniques to ensure my designs worked. This involved careful crafting of CSS selectors and taking advantage of bugs and quirks in the email clients.

Efficient Development

Keeping code clean and managable

In an email template, the code can become jumbled quite quickly, especially when exploiting browser bugs to make elements display correctly.

For this project, I made use of tools such as SASS and Premailer. The result is clean manageable code that makes updates easy.