One of the questions we most commonly field is “What is Responsive Web Design?”, and we typically answer from a Coding perspective. In a nutshell: the HTML files are coded with flexible images and media queries so that the design will render differently based on the viewing device (say desktop vs mobile or tablet). Coding for RWD is more complex, and typically takes 50% more time than non-responsive. Additionally, the designer and the coder need to be on the same page, and therefore communication time is also typically increased. We came across this stellar blogpost from Sandijs Ruluks with the FROONT team on 9 basic principles of responsive web design, which addresses many of the questions from a Design perspective. As the saying goes: A picture is worth a thousand words. We think the animated GIFs included in the article are worth a lot more. Check it out!
Subject Line: I’M NOT YOUR TYPE
Pre-header Text: And that’s just fine by me.
How could anybody not click open an email with a subject line as tempting as this?? Bonus points to the Solestruck team for providing pre-header text that pairs so well with the subject line. When viewing what’s in the inbox we see: I’M NOT YOUR TYPE And that’s just fine by me.
One coding recommendation from the Code à la Mode email team would be to provide alt text in the HTML files for the image slices in the hero, as subscribers with images turned off in their browsers will not get the primary messaging.