Aug 07 2014

Exclusive Freebie: Five Responsive HTML Email Templates for Noupe Readers (plus PSD)

Advertisement

Today we are back with another amazing freebie for all our lovely readers! We teamed up with one of the industry’s most well-known PSD to HTML conversion companies, PSD2HTML.com, to give away a pack of responsive HTML email templates. The original PSD template was created by our second amazing partner in this giveaway, BestPSDFreebies.com. The PSD is available from here, too. So you can get your hands on building your own template if you feel so. We thought this was a great opportunity to share the experience we had with the P2H guys, what working with them is like and what challenges you might encounter while creating your responsive newsletters. Not the least part is that anyone who leaves a comment below gets a chance to win free newsletter template coding services from PSD2HTML worth $150!

fresco-email-screenshot

The People Behind the Templates

If you are into web design, then you will most surely have heard of the PSD2HTML team. They have been helping thousands of agencies and freelancers to convert their artwork into actual working code. PSD2HTML offers a wide range of services, including but not limited to HTML5/CSS3 markup, WordPress, Joomla, Drupal, Magento implementation, mobile web development and email template coding.

The same should be true for BestPSDFreebies, a site where designers can find some of the finest PSD resources available on the net. Michael Reimer, the creative head behind BestPSDFreebies.com created a template exclusively for Noupe readers.

Noupe’s Challenge

I received that email template named “Fresco”, created by Michael Reimer’s BestPSDFreebies.com as a PSD. That’s what it looks like:

original_fresco_email_template

I was thinking of giving the PSD away for free, but then found it would be a much greater value, if we didn’t just give you the PSD as a potentially responsive email template, but actually have functional HTML created, too. That’s why I contacted the PSD2HTML guys and asked them if they would like to contribute the HTML part for our readers. The task was clear, but not really simple – make a real responsive HTML template from the original PSD.

According to CampaignMonitor’s research, email reading has shifted towards mobile devices, so it’s best to make sure that your emails look good on mobile. The real challenge is that responsive email design requires a different way of approaching email content. The PSD2HTML team had to get really creative with HTML for the Fresco template, since it has a complex header with an image, transparent overlay and buttons. Lots of email clients, such as  iOS Gmail, Android Gmail and Android Mail 4.4, don’t support JS media queries. Most of email templates are created using old-school table-based layout coding. Learn more here.

The Result

Within two business days I received the final files. PSD2HTML extended on the original Fresco and delivered four more variants. See the pictures and judge for yourself. Which one you choose depends on who you send emails to.

fresco-email-screenshot
p2h-responsive-email-version_2
p2h-responsive-email-version_3
p2h-responsive-email-version_4
p2h-responsive-email-version_5

As you can see, PSD2HTML team did a fantastic job! Definitely keep them in mind if you need to code an email template. You can freely download and use the templates from BestPSDFreebies and PSD2HTML for private and commercial purposes alike. You are not allowed to redistribute the templates as is or suggest you created them, although you can of course build client work upon it. Simply don’t provide any downloads on third party websites. Instead refer to these download links:

PSD2HTML’s Additional Giveaway

On top of that, you get the chance to win $150 worth of PSD to Email Template coding services from PSD2HTML. To enter the contest, simply leave a comment below. The game runs from now on until Thursday, 14th of August 2014, 6.00 PM (CEST).

There are no regional restrictions, so any world citizen with internet access is welcome to try their luck. The subscriptions will be drawn at random from all valid entries. Make sure to enter an email address, so that we can reach you in case you win. All the email addresses stay inside Noupe and are not given away for advertising purposes.

Let’s get on with the game. Good Luck!

UPDATE: The winner is SergeyDuid. Congrats!

About the Author

Dieter Petereit is Noupe's Editor-In-Chief and a veteran of the web with over 25 years of experience in the world of IT. As soon as Netscape became available he started to do what already at that time was called webdesign and has carried on ever since. Almost a decade ago he started writing for several online publications, some well, some lesser known. Dieter is a heavy G-Plusser, so why not meet him over there?

Homepage

Comments and Discussions
  • Romain Racamier, 07 August 2014

    The visual result is nice but the html markup is full of tables, a real table-ception but without tragic music :)

  • Giorgos K., 07 August 2014

    Thanks for sharing Noupe!

  • Randy Sizemore, 08 August 2014

    Great Freebie and endorsement. Also nice that there’s a promotion also tied to the post. Good content marketing that should benefit both parties.

  • SergeyDuid, 08 August 2014

    Thank you for tose templates! I’d like to win one of those psd also! =P

  • yann, 10 August 2014

    Thank you nice exemple for responsive template :)

  • Paul Mills, 10 August 2014

    Fantastic, great job on the conversion everyone, its really getting important to ensure that all emails are friendly on the most read platforms.

  • v4media, 10 August 2014

    Great Freebie.
    Template no3 is really clean, good work!

  • Rob Miles, 11 August 2014

    These are great… thanks for sharing! I’ve been using PSD2HTML for 6 years now and they always do a great job.

  • Carlos Sánchez, 11 August 2014

    This is really nice, but what about people who use thunderbird or outlook? does it work anyway?

  • MeieR, 11 August 2014

    Really good works! My personal favourite is the third one but get some inspirations from all of them. :)

  • Teelah, 14 August 2014

    These are great designs. Responsive seems to be the only way to go lately with designing and becoming mobile friendly is a need. Nice work with these templates.

Leave a Reply

Comments are moderated - and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!

comments form
search form
 
image description image description