Exploring type in HTML text
It’s about experimenting with CSS Text Rotation and HTML text typographic designs.
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.
While browsing around on AE.com, I noticed a couple things that needed some attention. I spent a couple of hours seeing if there was a way to simplify the design. I won’t get into any detail on these. Click on the links below to see versions of the current AE.com and my simplified design.
What works best for you?