couchable.co New? Start Here RSS Twitter

College Website Design Inspiration

College Website Design Inspiration

Inspiration can be found anywhere. College websites are no exception. I work for a college as a web designer so I tend to look at these a lot anyway but everyone can learn something. College and University websites are very complex, with thousands of pages that can go many levels deep. By studying how colleges handly the tough task of building navigation and creating a site structure that is easy to navigate, you can apply it to your own websites.

Displaying Content on College Websites

Another thing to study about college websites is how, what and why they present content on the homepage. Colleges have many different departments, organizations and internal groups, all with different objectives and needs. The sites must appeal to perspective student while be useful for current students, staff and faculty. There are so many people to please, so much content that could make it on the homepage, and so many target audiences to appeal to, that it simply cannot be done perfectly. There is also the issue of fundraising and bringing in revenue. Especially with the cuts being felt in schools in the US, the rising costs of an education, and a high unemployment rates, enrollment is down in most colleges. So the marketing message that is conveyed is that much more important.

I have looked at hundreds of college and university website and here are some of the ones that I found particularly well done with regards to design and layout. There is definitely some consistent elements throughout. Most schools choose to have a series of primary news or promotional elements above the fold. The rest of the content is broken down into smaller columns and sometimes a sidebar, going down in priority as the content is further down the page. The same as most news sites. Without a doubt, red is the most popular color for colleges and universities followed by blue and there were very few dark colored designs to be found. Other colors are far less prevalent but I tried to give a good cross-section of colors in this roundup. For the most part colleges are tied to a preexisting set of colors so they cannot deviate too much on the website.


Biola - My favorite college website, great colors. Clean design and consistent design throughout.
 

 

 

Washtenaw - Always nice to see original illustrations in web design, especially on a college website were things are typically pretty clean lacking artistic elements.
 

Capitol - Really like the header on this one.
 

Acadia - Nice use of school colors.
 

Sierra Nevada - A great use of a large background image on this one.
 

Seattle
 

     

Earlham
 

American
 

American
 

Chico
 
Gadsen
Gadsden
 
Gu
Georgetown
 
Lu
Liberty
 
Mount
Mount Mercy
 
Msu
Michigan State
 
Smsu
SMSU
 
Ss
Sacramento
 
Stanford
Stanford
 
Texas
Texas A little text link heavy but a nice design.
 
Trinity
Trinity
 
Uv
Virginia

Gadsen

Gadsden

Gu

Georgetown

Lu

Liberty

Mount

Mount Mercy

Msu

Michigan State

Smsu

SMSU

Ss

Sacramento

Stanford

Stanford

Texas

Texas A little text link heavy but a nice design.

Trinity

Trinity

Uv

Virginia

Do you have a favorite college or university website design that has inspired you? Did I leave a good one off the list? Let me know and I’ll try to add it.

Read More:
some other posts you might enjoy or I thought where particularly relevant to the web design post you just read

Creative Business Cards

Think you don’t need a business card because your business in online, think again. Local business meetings, tradeshows, elevator and airplane rides are all places where that business card can come in handy. So here are some business cards to…

Read More

Your Advertising Budget is How Much?

Oh, that’s right you don’t have an advertising budget. For start-ups, mom & pop shops and the like, it can be very hard to find the extra cash to get your name out there. You know it is important but…

Read More

Editing Multiple Text Layers Photoshop

One of the biggest hassles of working with Photoshop is dealing with text. Especially when doing a web interface you may have lots of different text layers. And say you want to change the color of all the text to…

Read More

Spread the Word

Subscribe to the RSS Feed or follow @couchable on Twitter

Have something to say? Leave A Comment Below

Most Popular:
the most popular posts of the year
Couchable Huh?
what this blog is all about

Couchable is a web design blog created by Tyler Herman. Not really updated anymore because I'm busy doing freelance design work and busy launching my little WordPress theme shop Real Theme Co. You can read a little more about my at my personal site Tylerherman.com