Preview your email in the most popular email clients and mobile devices.    Try it for FREE!

Lee Gets Refitted

Posted November 29, 2012 by Geoff Phillips

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

I recently saw this email from Lee, and I think that Mozify could be a perfect fit for their next email marketing campaign. It's a great promotional email, with a clear call to action, but that wouldn't be evident to anybody who sees their email with images blocked. Take a look at what I saw when I opened their email:



Not a good look for Lee, is it?

I used our Mozify tool to give this email a much needed makeover. In our last marketing campaign, using Mozify doubled our unique open rate compared to the industry average! How did we do it? A Mozified email allows recipients to read and navigate the email without downloading images. Buttons like "Women" and "Men" are legible and easy to find in a Mozified email. Lee's call to action (at the bottom of the email) also benefits from the Mozify treatment, but probably the biggest improvement is in the email's center. What had been an empty, grey box now displays their marketing copy as soon as the email is opened. Want to know how? Just keep reading.

↓ Hover to see what Lee's email looks like with images downloaded ↓


Mozify Makes Lookin' Good Easy

Mosaics are the building blocks of a Mozified email. Creating a mosaic is easy! Just click on that section of your email (as automatically detected by Mozify) and select either "Insert Text Only" or "Create Mosaic." For most of the images in this email we were able to use text only mosaics, which have a much smaller footprint on your total file size. In fact, only the two images that needed to be made into full mosaics were the two models on either side of the email. Let's start with the one on the left.

  1. Click on the image of the model on the left and select "Create Mosaic."
  2. Pick your rows and columns. I chose to add more rows to this mosaic because the image it's approximating is tall.
  3. Use the click and drag interface to select blocks of the image that are all the same color. In this image that's everything but the model. You can't select the last row or column because these are used to define the cell size for each row and column.
  4. Now Mozify will automatically reduce your file size by setting the background color of the mosaic to the most common color in the mosaic and compressing it.
  5. You'll get an opportunity to modify the color and text of individual cells in the mosaic.
  6. Finally, click "Insert Your Mosaic" and you're all done!

Text Only Mosaics

Text only mosaics are much simpler than image mosaics. Our WYSIWYG editor will help you format your text so that it matches the images in your email. Because of the complexity of the marketing copy in the email's center, this did require a bit of inline CSS magic:

‹span style="color:#0c0c47;font-size:40px;font-family:Arial;letter-spacing:1px; line-height:40px"›‹strong›Find your‹/span›‹br/›

‹span style="color:#0c0c47;font-size:40px;font-family:Arial;letter-spacing:1px; line-height:40px"›perfect fit,‹/strong›‹/span›‹br/›

‹span style="color:#e28c3b;font-size:18px;font-family:Verdana;letter-spacing:1px; padding-bottom:0px"›WITHOUT THE DREADED FITTING ROOM EXPERIENCE.‹/span›‹br/›

‹span style="color:#00004c;font-size:18px;font-family:Verdana;letter-spacing:2px; padding-bottom:0px"›AND SAVE AN EXTRA‹br/› 15% OFF SALE PRICES.‹/span›

‹span style="color:#e28c3b;font-size:18px;font-family:Verdana;letter-spacing:1px; padding-bottom:0px"›2 WEEKS ONLY‹/span›‹br/›‹br/›

‹span style="color:#00004c;font-size:18px;font-family:Verdana;letter-spacing:2px; padding-bottom:0px"›IT'S A WIN-WIN.‹/span›

I wrapped each section of the copy in span tags, and then styled those individually. In this way we were able to mimic the copy they already had, including font size, line spacing and font face. What's important is that they're getting their message out that much faster. And remember, when the user downloads images they'll replace our Mozified versions seamlessly.

Try Mozify Now!

If you haven't tried Mozify yet, now is the time to do it. It's already free to paid subscribers. Give it a try and post your thoughts on our new tool below. We welcome your feedback!

Comment via our Blog

Name:
Email:
Location:
URL:

Comment:

Remember my personal information
Notify me of follow-up comments?

Please enter the word you see in the image below:

x
Sign up for our Newsletter

And get updates on the latest email tips, tricks and hacks!