Great Examples: Code School’s beautifully responsive Summer Camp email

This has been a great week for email design! Look at this little beauty by Dan Denney for Code School, with amazing illustrations by Justin Mezzell. Dan has done a great job with the email build and it’s fully fluid, adapting to absolutely any size. All of the illustrations and text scale perfectly. (Unfortunately I don’t have a copy of the email that I could pop into Litmus Scope, but Dan did kindly share the code on Twitter!)

Click to view full size

The illustrations and colour palette all blend perfectly with the Summer Camp site which is also very beautifully designed. Brilliant! I just can’t stop using exclamation marks for this one.

I love these illustrations!

I love these illustrations!

About Nicole Merlin

I'm an HTML email designer and developer from Melbourne, Australia. I love email, design, typography, calligraphy and curling up with a book.

6 Comments

  1. That’s a nice one! Do some of those illustrations get a little smaller on mobile? If so, nice touch!

  2. Nicole Merlin (Author)

    Yep, they all scale down. I agree, it’s very nice!

  3. Hi admin, i found this post on 14 spot in google’s search results.
    I’m sure that your low rankings are caused by hi
    bounce rate. This is very important ranking factor.
    One of the biggest reason for high bounce rate is due to visitors hitting the back button. The higher your bounce rate the further down the search results your posts
    and pages will end up, so having reasonably low bounce
    rate is important for improving your rankings naturally. There is very handy
    wordpress plugin which can help you. Just search in google for:
    Seyiny’s Bounce Plugin

Trackbacks for this post

  1. Responsive HTML Emails: a Different Strategy - Fog Creek Blog
  2. Responsive HTML Emails: a Different Strategy - SkyOffice Consulting | SkyOffice Consulting
  3. Responsive HTML Email – Code School Summer Camp Example | HTML5 Based Design

Leave a Reply