My buddy Niall sent me this fantastic responsive email from Tinkering Monkey and I absolutely love it. It’s really well designed, fits in so wonderfully with their beautiful website, and is fabulously responsive. It’s proof of what’s possible using the built in template editor over at MailChimp with a great design, great images and some clever customisation know-how.
Once I saw the email I immediately sent an email to Paula Chang, the developer at Tinkering Monkey who is also responsible for their lovely website. I asked her a couple of questions about the process and she kindly spared a moment to give me her thoughts.
What were some great resources or sources of inspiration that helped with creating your responsive email?
When I designed the HTML, I designed it to look as close to our website as possible (www.tinkeringmonkey.com). MailChimp gets credit for the responsive layout – they did an excellent job with their new email builder.
Were there any pitfalls or tricky aspects?
Didn’t really find any – again, MailChimp’s new email builder made it super easy.
Any other thoughts on the overall process of building responsive HTML email?
Keep the design simple and scannable!
I love the bold use of a huge header that then shrinks down beautifully on mobile. Sometimes people are afraid to use enormous type but I always think it’s a total winner, especially with such a short, punchy headline. This email also makes great use of the free typeface Tommaso which looks particularly good at large sizes.
Using a contrasting red for links makes them very easy to spot as you scan through. Excellent photography is also a big help, and of course having lovely products in the first place doesn’t hurt!
Well done to Paula and the team at Tinkering Monkey.