Earthworks Website

This Earthworks project was a web and interface development project that I did for a client working on a collaborative project. Digital Watershed and Ohio State University were collaborating as a part of a HASTAC competition to create a universal system for online badges. The website I created had to explain what the competition and collaboration was, what online badges were, and how badges could be created and earned.

The process started with meeting with the client to review their criteria and goals. As I went into development, I did concept sketches, site maps, and wireframes. After consulting the client more, I created alpha and beta interactive designs before beginning the final HTML and CSS website.

Overall, the site is meant to be clean and easily navigable. There is a lot of information about the competition, badges, etc., so it was important to help break that up into manageable sections for the reader.

Live Demo

The live website can be viewed at

[nggallery id=34]