Comm Lab Website Design

One of my projects this summer was to get a full website out and working for the Communications Labs at Simmons College (where I work). The site is basically a resources and news area for students. The students that use these labs end up spending a whole lot of time there, and I wanted a space just for them, with the information they needed.

I actually started this project about a year ago. We had a whole bunch of documentation for the labs written, but mostly in pdf and Quark documents. My goal was to get everything online for students to have easy access. So, without much of a plan, I created a very barebones site and started adding stuff to it.

Another member of our department also creates a monthly newsletter which she then emails out to all faculty and students. It usually comes in the form of an attached pdf. I figures that I should add that to the site as well.

So, at the beginning of last summer I basically had an overgrown list of links with a very bare bones design. My goal was to create a more cohesive site, with a much more appealing design. We do offer a major in graphic design after all.

My thoughts design-wise were that I’ve really been digging the plain old black and white designs that I’ve been seeing around. I also like the grid. Given the nature of the page, I thought it was a good place to also finally figure out how to use sIFR.

I had a hard time figuring out what my secondary color would be. I’m always drawn to green and blue, but it somehow didn’t quite feel right. I wanted to use red, but that can seems a little too harsh or sterile sometimes. Then it came to me: magenta. It’s perfect for the site.

So here is what I ended up with:

Home Page

Commlab Website Home

Archives page for The Comunicator

Commlab Website Communicator Home

How to make clipping path (example documentation page)

Commlab Website Clipping Path Page

You can see the whole site here.

You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

Comments are closed.



appointive
appointive
appointive
appointive