Web redesign Concept C

Concept C presents clear, expanded navigation to major site destinations. A striking visual provides a promotional highlight in the main display space and acts as a backdrop for the page. The major navigation links, and current news and events frame the space. Call to action buttons anchor the news column, with prominent Wesleyan branding below. University and/or community content is included in the page footer (e.g. Twitter).

[Concept C Homepage]

Homepage

  • Click thumbnail images to change primary image and caption content
  • Mouse over Request Information for quick webform
  • Click the About link (left navigation) for the About Wesleyan landing page
  • Click the Academics link (left navigation) for the Academics landing page
  • Click the top logo to reload the homepage

Design notes

  • Major links
    • Sub links are listed directly under the main links at all times
    • Search located at upper right corner
  • Current news and events
    • Linked directly to the main source
    • Wesleyan Connection
    • Wesleyan magazine
  • The Wesleyan brand
    • Uniquely introduced by integrating large images with the Wesleyan logo type
    • Centered Wesleyan logo provides a header for the Arts, Writing, Sciences, Athletics and Libraries Major links.
    • Red Wesleyan stamp consistently occupies the top left corner
  • Imagery
    • Beltway content
    • Student/Faculty stories
    • Major events
    • Wesleyan Magazine features
  • Consistent footer
    • Wesleyan on Twitter
    • Contact
    • Portfolio
    • FAQ
    • Mailing address

[Concept C About Wesleyan landing page]

About Wesleyan landing page

  • Hover on Who We Are for menu options
  • Red logo returns to homepage

Design notes

  • Navigation bar (navbar)
    1. Wesleyan logo, major links and search
    2. Bread crumbs: this information allows you to link back to previous links easily.
    3. Landing pages: drop-down format that links to Administrative pages.
  • The Wesleyan brand
    • Uniquely introduced by integrating large images with the Wesleyan logo type
    • Centered Wesleyan logo provides a header for the Arts, Writing, Sciences, Athletics and Libraries major links.
    • Red Wesleyan stamp consistently occupies the top left corner
  • Maintains footer
    • Wesleyan on Twitter
    • Contact
    • Portfolio
    • FAQ
    • Mailing address

[Concept C Academics landing page]

Academics landing page

  • Hover on Academic Affairs for menu options
  • Click to Registrars Office
  • Red logo returns to homepage

Design notes

  • Navigation bar (navbar)
    1. Wesleyan logo, major links and search
    2. Bread crumbs: this information allows you to link back to previous links easily.
    3. Landing pages: drop-down format that links to Administrative pages.
  • The Wesleyan brand
    • Uniquely introduced by integrating large images with the Wesleyan logo type
    • Centered Wesleyan logo provides a header for the Arts, Writing, Sciences, Athletics and Libraries major links.
    • Red Wesleyan stamp consistently occupies the top left corner
  • Maintains footer
    • Wesleyan on Twitter
    • Contact
    • Portfolio
    • FAQ
    • Mailing address

[Concept C Registrar’s Office homepage]

Registrar’s Office homepage

  • Hover on General Information for menu options
  • Click to view Classroom Information
  • Red logo returns to homepage

Design notes

  • Navigation bar (navbar)
    1. Wesleyan logo, major links and search
    2. Bread crumbs: this information allows you to link back to previous links easily.
    3. Landing pages: drop-down format that links to Administrative pages.
  • The Wesleyan brand
    • Uniquely introduced by integrating large images with the Wesleyan logo type
    • Centered Wesleyan logo provides a header for the Arts, Writing, Sciences, Athletics and Libraries major links.
    • Red Wesleyan stamp consistently occupies the top left corner
  • Maintains footer
    • Wesleyan on Twitter
    • Contact
    • Portfolio
    • FAQ
    • Mailing address

[Concept C Registrar’s Office detail page]

Registrar’s Office detail page

  • Navigation bar (navbar)
    1. Wesleyan logo, major links and search
    2. Bread crumbs: this information allows you to link back to previous links easily.
  • Two column layout
    • Left column: Major links
    • Right column: Main content area
  • The Wesleyan brand
    • Image real estate is reduced
    • Content area is expanded
  • Maintains footer
    • Wesleyan on Twitter
    • Contact
    • Portfolio
    • FAQ
    • Mailing address