View the Project

Languages

  • HTML, CSS, Javascript, jQuery

Tasks

  • Code out brand new email template
  • Write code that works within HTML email coding guidelines
  • The email template must work in all email programs - standalone and web-based
  • The email template must work in all browsers
  • Content must be easily editable by non-coders

The Project

Create an original newsletter template that will be used by Barclay Center's "Brooklyn Show" brand, which entails all concert events at the arena. This newsletter template will be sent out to all Barclays Center newsletter subscribers.

Easily Maintainable

Using a psd design, I created this email template shown here in those most glorious of HTML elements - tables. Tables, by their nature, can become very complicated when dealing with more sophisticated layouts. Since I would not be the one updating the content in the code, I had to ensure that the code I wrote was set up in a logical manner and was commented to allow the non-HTML savvy newsletter editors to be able to make quick updates without worrying about breaking anything.

The Result

The BK Show newsletter was launched and click rates immediately increased, it looks great in all browsers and in all email clients and our editors were able to make content updates without incident. In the immortal words of Stan Lee: 'nuff said.

Project Features

Modularity

I coded out the email template so that it is very modular - this means making it so that chunks of the newsletter can be removed or added without breaking the template.

This modularity also makes easier for the newsletter editors to make updates just by looking at the structure of the code.

View Example