Email design for Libratone (work in progress). We choose not only a mobile-first-approach, but almost a mobile-only-approach – a single column layout that is optimised for a mobile experience, and where we scale the entire email through the viewport-tag, instead of reflowing the content based on viewport-width.
Designing html-emails is always limited by a long list of technical considerations, and usually there's a basic choice of either focusing on deliverability, and thereby limiting your design-options to a lowest common denominator, or on the other hand to say we'll make the coolest mail possible, even though about 10% of recipients won't be able view the email perfectly in their email client.
Based on Libratones brand, and their tech-savvy target audience, we focused 100% on making use of all available technologies (use of web-fonts, etc.), in spite of limited support by email clients such as MS Outlook.
