Before and After: A quick look at the changes

This post presents some before and after shots for reference as well as some notes on the changes.

Overall:

  • the old design was 760px wide while the new is 960px
  • the top navbar has been changed to accommodate a greater number of links and to stay open until you close it
  • there is a consistent footer on all new pages
  • pages in the new design are running under the Cascade CMS

The homepage

Before
Before
Homepage after (navbar closed)
After (navbar closed)
After (navbar open)
After (navbar open)

The previous homepage had three changing content areas (Gallery, “Belt” buttons, and Headlines). The new homepage adds three more: “Differentiator” squares, Events and From the Community, and the Belt has been converted to a Highlights section. The universal navbar also applies to the new homepage; it appeared on the previous homepage in a highly modified form, with no drop down.

About Wesleyan

About before
Before
About after
After

Landing pages such as About now have a narrative focus with the lists of links moved into the left navigation. This layout shows the basic form of new pages: the topbar, header graphic, left navigation, central content space, related links column, and a standard footer at the base of the page.

Admission

Admission before
Before
Admission after
After

Admission landing page

Admission landing before
Before
Admission landing after
After

Alumni

Alumni before
Before
Alumni after
After

Parents

Parents before
Before
Parents after
After

New pages

Campus Life
Campus Life
Offices & Services
Offices & Services

Footer

The new footer
New footer