HTML Email design
HTML Email design from Nathan Waterman
HTML Email design

I wanted to improve my HTML email design and development. What a better way to get acclimated then to practice building one. I used the knowledge I got from my formal training. I started with my research until an idea was burned into my brain. I then sketched out a simple wireframe on graph paper. I then moved that idea to a high fidelity wireframe. I eventually took the textures, font and color I had in mind and put together a prototype. I am currently still coding the HTML email (I am trying to get it to work across browsers and across email platforms). I will post a link of the final coded email as soon as it is complete.

Sketched wireframe (pencil/graph paper)
InDesign Wireframe
View PDF
Illustrator Wireframe
PSD Prototype
gLike
HTML Email design

I wanted to improve my HTML email design and development. What a better way to get acclimated then to practice building one. I used the knowledge I got from my formal training. I started with my research until an idea was burned into my brain. I then sketched out a simple wireframe on graph paper. I then moved that idea to a high fidelity wireframe. I eventually took the textures, font and color I had in mind and put together a prototype. I am currently still coding the HTML email (I am trying to get it to work across browsers and across email platforms). I will post a link of the final coded email as soon as it is complete.

Nathan Waterman
Web Designer New York, NY