You’re here to see the very first mockups for the new coloradocollege.edu – and we’ll get right to it! There are a few things to know about the following links:
- First, these are flat images, and not real, live Web pages. We have to simulate some interactivity at this stage, but we think it’s pretty easy to figure out the basics.
- Second, we’re only looking at a few variations on a homepage design, and some sketches of possible inside pages. Some of you who manage pages might not see something in here that fits your needs – but rest assured, there will be piles and piles of page designs to come!
- Finally, we need your ideas, enthusiasm, and feedback! Do you know a great course to feature, or an under-the-radar student photographer? Make sure to let us know.
So let’s go!
We’ll start with the most important part: how to get around.
Right now, much of the architecture of the CC site is based around its institutional structure. This can be confusing even for internal users, not to mention first-time visitors looking for the big picture. To help with this problem, none of the top 25 pages that tell you about Colorado College represent any one office or administrative unit. Instead, they are meant to be an introduction to that section, and to then guide users to relevant information and offices.
Full size: Navigation only
Next, emphasizing what makes us different.
Above the navigation band, there will be a space dedicated to highlighting the Block Plan, in real time. This area will feature a current course, related photograph, and links to learn more about the Block – including student-curated events and stories!
Full size: Homepage: Romanticism and Nature
Full size: Homepage: Featured Course expansion
Seconds after the page loads, the photos on the bottom split in the middle to reveal a few campus happenings.
Full size: Homepage: Neuropharmacology – Photos Open
Any photo can be clicked, and it will move to the top of the pile and show a caption. Any of these photos could also be play-in-place videos.
Full size: Homepage with photo caption
A special page, eight times a year.
On only the first day of the block, the area doubles to reveal more of the photo.
Full size: Homepage: First day of Block Five
And of course, adjusting accordingly for Block Break.
Full size: Block Break 1
Full size: Block Break 2
Styles and sketches for possible inside pages:
Full size: Student Activities
Full size: The Application Process
UPDATE: The video of the unveiling presentation is up — you can view it here: http://vimeo.com/17887527. Thanks to the students who helped with the video: Zane Bridgers and Sarah White for videography and editing and Ryan Loeffler for help with sound.