CSS Web Design Portfolio

Spartans Drum and Bugle Corps

A screenshot of Spartans Drum and Bugle Corps.

I helped The Spartans graduate into 2010, updating their layout and codebase to meet modern standards. The site runs on Wordpress with a 100% custom theme. It utilizes several plugins for contact forms and blog arhives, and features a custom-built HTML/CSS/jQuery photo gallery.

View Project

Dave Sullivan for District Attorney

A screenshot of Dave Sullivan for District Attorney.

Dave Sullivan's site is one of my favorite projects. I was commissioned by a web solutions company to design & develop this site for a political candidate. Given the client's needs, accessibility was a primary focus. The site is 100% W3C standards-compliant and uses a minimal amount of javascript. Based on the client's wishes, the site is entirely hand-coded with no framework, codebase, or CMS.

View Project

Pi Kappa Phi Fraternity

A screenshot of Pi Kappa Phi Fraternity.

Pi Kappa Phi's website runs on a heavily-customized version of Wordpress. It maintains the highest standards of usability, accessibility, and search engine optimization. The task of creating an identifiable, respectable identity for a college fraternity, based in a community where Greek Life is anything but respected, has been a difficult one.

View Project

UMass Campus Center Hotel

A screenshot of UMass Campus Center Hotel.

For this project, I was commissioned a second time by Glexia, Inc. to redesign the UMass Amherst Hotel website. Being a UMass alumnus, I was proud to be building a site for my alma mater. As with most travel & lodging websites, the UMass Campus Center Hotel's website focuses mainly on showcasing their inventory.

View Project

UMass Drumline

A screenshot of UMass Drumline.

This website uses a heavily customized version of “Wootube,” a premium Wordpress theme by Woothemes. I chose the Wootube theme for its YouTube-esque functionality, not for its appearance. The site also features integration of several social media outlets, like Twitter, Facebook, and Flickr. The group and its market appeal strongly to a high-school-aged crowd, so the use of social media was a major requirement.

View Project

Daniel O'Connell's Sons, Inc.

A screenshot of Daniel O'Connell's Sons, Inc..

To meet DOC's needs, I chose to build their website on Expression Engine. This is my first project to launch on EE and I was very impressed with the system. The site includes numerous portfolio items completed by the engineering firm over their 170-year history. Each portfolio item has its own page, description, and photo slideshow.

View Project

Mobile Percussion Seminar

A screenshot of Mobile Percussion Seminar.

Thom Hannum's Mobile Percussion Seminar is a percussion clinic for high school students that operates every summer on the UMass Amherst campus. I originally designed the site several years ago, drawing inspiration from other youth camps and service groups, trying to adhere to convention. The has since been updated, but still reflects some outdated design techniques.

View Project

GradCity Student Travel

A screenshot of GradCity Student Travel.

This design was completed to give the company and their website a much-needed face lift, and bring the site into the 21st century of XHTML/CSS structure and rich application interfaces. I had help from our development team on integrating databases and UI enhancements.

View Project

StudentCity Spring Break

A screenshot of StudentCity Spring Break.

StudentCity.com is a subsidiary of First Choice Student Travel, my current employer. I have worked for them, designing new sections and updating existing ones since late 2007. This website grows and evolves on a daily basis. Our homepage was redesigned close to a dozen times during 2009. I have been responsible for designing layout & interface for each new page for 2+ years.

View Project