Create Stunning HTML Email That Just Works doc

[...]... subscribing to) Have a look at the screenshot in Figure 3.1 1 http://goodexperience.com/ Create Stunning HTML Email That Just Works! (www.sitepoint.com) Design for the Inbox 25 Figure 3.1 Plain text email formatting example No more HTML email headaches! Grab the full version now 26 Create Stunning HTML Email That Just Works! Notice anything? How about those typographic characters posing as borders? This... For the first issue, we’ve opted for the layout depicted in Figure 3.12 Create Stunning HTML Email That Just Works! (www.sitepoint.com) Design for the Inbox 45 Figure 3.12 A wireframe of the layout for the Modern Henchman newsletter No more HTML email headaches! Grab the full version now 46 Create Stunning HTML Email That Just Works! I chose this layout as it gives the main content visual weight and... whether you want to go inside you need to peek through that slot to see what you can see That s what the preview pane is like—a limited view of your design and content For that reason, it’s really important that the top of your email is informative No more HTML email headaches! Grab the full version now 34 Create Stunning HTML Email That Just Works! If all the reader can see is 300 pixels of your... headaches! Grab the full version now 42 Create Stunning HTML Email That Just Works! Figure 3.8, Figure 3.9, and Figure 3.10 are the current home pages of some other popular services (on the left), and their newsletters (on the right) Figure 3.8 37signals home page and newsletter Figure 3.9 Wufoo home page and newsletter Create Stunning HTML Email That Just Works! (www.sitepoint.com) Design for the... Chapter 4 Along the way, we’ll think about how the concepts we’re learning can be used to help design an HTML email for Modern Henchman magazine No more HTML email headaches! Grab the full version now 32 Create Stunning HTML Email That Just Works! The Design Environment for Email Isn’t designing an email just like designing a small, one-page web page? Well, yes, in many ways it is We do use the same design... involved in effective email marketing and communication So, now that I’ve outlined why you should learn to design and build HTML emails, it’s time to dirty our hands with the how As with all design, the first step is to plan, plan, and plan some more Create Stunning HTML Email That Just Works! (www.sitepoint.com) Chapter 3 Design for the Inbox Designing an email requires the same HTML and CSS skills... buy lunch at the school cafeteria? In fact, one of the main reasons designers have historically been against the very idea of HTML email is the poor quality of the emails they’re used to seeing You 24 Create Stunning HTML Email That Just Works! know exactly what I mean: emails that use every font in the drop-down list, with a heavy preference for Comic Sans in 24pt hot pink The ones with rainbow backgrounds...6 Create Stunning HTML Email That Just Works! from visitors who want to register their interest in an activity that the company’s undertaking—there’s the potential for you to add value As well as helping your client plan an email sequence, you might design email templates and create landing pages to support the sales or sign-up process A landing page is the first page of a site that a visitor... into 600 measly No more HTML email headaches! Grab the full version now 36 Create Stunning HTML Email That Just Works! pixels, so being allowed to stretch out to 760 was like moving from a camp bed up to a queen ensemble Unfortunately, I have some bad news When it comes to email design, you’ll need to go down to the garage and drag that camp bed back upstairs, because your emails are probably being... receiving the email, and the content header, which stands out nicely No more HTML email headaches! Grab the full version now 28 Create Stunning HTML Email That Just Works! The Plain Text Version of the Modern Henchman Newsletter Our Modern Henchman newsletter will have a plain text version; this is to benefit subscribers whose platform (whether legacy or mobile) prevents them from viewing HTML email, or . letter. 2 http://directmag.com/magilla/1020-e-mail-roi-still-slipping/ Create Stunning HTML Email That Just Works! (www.sitepoint.com) Create Stunning HTML Email That Just Works! 2 ■ Email builds relationships. While email. client’s email budget on track. Bear in mind though Create Stunning HTML Email That Just Works! (www.sitepoint.com) Create Stunning HTML Email That Just Works! 4 that