Web design and development samples

C D W

C D W HTML 1

Here are a couple HTML5 templates done for a pdf to html conversion. My role was to convert Photoshop design files (one for the desktop version, and one for a smartphone version) and create templates that an editor could use to build other pages from (without the header). It was later decided that a tablet version was also needed. In order to try and cover most devices (without clear specs and a tight deadline), I wrote media queries for 768px, 568px, 480px, and 320px.

The Photoshop design files are available at the bottom of each perspective pages.

C D W HTML 2

Unilever / Alberto Culver

VO Preview

VO5 UK (Female) is a site that I created the original HTML/CSS templates for while at Unilever (formerly Alberto Culver). My role in this project was to convert the supplied Photoshop design files into HTML/CSS, and convert the commonly used HTML elements into ASP.NET include files.

The HTML template and Photoshop design file (or linked at the bottom of the page) can be seen here.