For Canvas On Demand Pro.
It’s about 3rd party email promoting a free offer if users sign up to their service.
I get an email from Martin + Osa every week. And every week is great. Mostly their an easy read.
I got this one a couple of days ago. It sort of goes with the fall season (orange). I like it cause it prompts me to take action and its really simple. For this weekend jeans are $59. Regular price is $79.50-$120. Oh and you get an additional 30% on all sale items.
1. I added the main message as HTML text at the top of the email with links.
2. I got rid of the tiny navigation up top after the blue and put it above the blue bar with bigger text.
3. I condensed the “trouble viewing” and added it to the right of the navigation
4. I’ve aligned email image with the blue bar so there are no gaps on the sides of the email image. The tag line was centered and added a gradient to give it a little bit of depth.
5. I’ve changed all the fonts to be Arial, Looks really similar to the font used. So if wanted to use all HTML text, you could.
6. I added gradients to the orange background again to give the design a little bit more pop making it less flat.
7. I made the original prices text a darker orange. Thought I might be could to point out the discount there getting.
8. There are more little things here and there I tweaked in the design. One thing more important though is the grid. I aligned everything. The end of the “S” in “This” is aligned with the “S” in “Jeans”. and so on… It just look cleaner when things are aligned.
Overall, I like it. It’s cute. The cute little icon add a playful touch to top navigation. Colors are great, they tie in with the little girls dress and the offer below is big. I don’t know, for me every time time I see big numbers it make me what to look even more.
1. The logo is really nice. And a bit hard to read when small. I bumped it up about 25%.
2. I moved the “problems viewing” link to the top of the page.
3. I’ve added some greek text with a link. This would be a one liner that tells the viewer what we what them to do.
4. The CTA. I moved it to the top more, right below the “nicely your done” copy. Making it more prominent. I’ve also added some shading to it to give it some depth and a little pop.
5. The secondary copy I moved below the CTA. If you want read it you can, if not. It’s really not necessary.
6. On the footer, I removed the “3 ways to shop” copy and reorganized it differently. The “catalog” cta is now at the same level as the phone number and store locations. Also giving some seperation between the sale offer above and the legal at the bottom.
7. The little girls thumb on her left hand, the angle of her hand just looks odd. Maybe a photo retoucher can lend a hand? or thumb I mean. I didn’t adjust that in my tweak, just pointing it out.
8. Alt tags? No where to be found. See here.
Tweaked Hanna Andersson, Sweaters for everyone email
So, What do you all think? Does my tweak/suggestions enhances the design? Does the CTA being a bit higher and more glamorous pop out at you that makes you want to click it?
What a great design. Its simple, its clean, and it looks good with images off. See here. Apart from this being a great overall design. I did see one important thing that could of used more attention. The “CTA” (call to action). I think it blends in with the well laid out type in the white box. The little arrow to the right of the “See what’s new” text is the only give away that its a link. How about making this a button? Something that stands out and grabs your attention? I tweaked the design a bit to add a button.
What do you think? Does it work with the button?
When I design emails, I’ve always stressed the use of HTML text. Why? Well because of how the e-mail displays with images off. West Elm e-mails are great. They always look really well designed. I don’t know what metrics tell them but they always get me to look and see their products. I might be a little bias since I purchased furniture from them before. Anyway, I took a look at this weeks e-mail with images off. Surprisingly, not as well designed as I thought. See here. One with images and one without. The images off versions doesn’t really say much except for “I NEED TO DOWNLOAD THE IMAGES”.
I took a couple of minutes to see how I can tweak this. I change most of the text to HTML and I must say, not to far off from their original design. See my tweaked version of this email using HTML text here. The end result, a well designed email with HTML text that looks good with and without images.