Not just a website redesign

an entire design system for a highly decentralized campus
Keegan Houser photo

Step 1: Start with the basics

The previous site was designed for all audiences and had a lot of list pages that made sense 8 years ago. Now it is slimmed down from 80 pages to less than 40 dynamically generated ones, specifically designed for our main audiences — prospective students, alumni and the Berkeley community.

The previous inward-looking menu had 10 main tabs and multiple levels of flyout menus. Horrors! We managed to bring it down to a manageable 5 tabs and elegant mega menus. With a focus on intuitive navigation, our audience could get where they wanted a lot faster.

The brand platform we had launched in 2013 called for better storytelling and more engaging content. The new site design helped us frame visual, social and multimedia stories through the brand lens.

Ring out the old.

Retired after 9 years of service.

Ring in the new.

A new era began in February 2015.

Step 2: Sharing is caring

We created dynamic web templates to share the new look and feel with departments across campus.

Choose your platform.

Dreamweaver? Sure. Wordpress? Of course. Drupal? You got it.

Choose your layout

Layouts for any occasion.

Choose your components

Styles for every need.

Step 3: Lead by example

A new homepage every single day

Content curated from multiple campus websites

Page takeovers for major events

April Fools Day
Welcome new admits
Commencement

Step 4: Take the good with the bad

"I absolutely love the new website. The design is fresh, consistent and coherent."
"I love the clean layout and the photos."
"It looks like a webpage for an online glossy magazine instead of a university; maybe it's what you were looking for, I just do not like it."

Step 5: View our entry  →