Web redesign Concept B

Concept B uses a robust layout that emphasizes unique Wesleyan content in the main display space. Stories are drawn from the Wesleyan Magazine, Argus, Connection, etc. and promotional highlights point to relevant pages. A tabbed interface highlights multiple sections of dynamic information, updated in real-time. Calls to action are available beneath the search box. Consistent header and footer layouts are established on the homepage and carried throughout the design.

Homepage

  • Click the up/down arrows to stop the auto-scrolling and to select image content
  • Click Academics to see additional options without leaving the page
  • Click Request Info, Apply, Give to see additional options
  • Click tabs to reveal additional, time-based content (e.g. live Twitter feed, daily events, etc.)

Design Notes

  • Header/navbar (Established on homepage, remains consistent throughout the site)
    • Prominent links to sites aimed at prospective students
    • Easily discovered search bar in upper right
    • The Wesleyan brand is always used as link back to homepage
    • Quick calls to action
    • Small, yet reliable links to Directory, Libraries, ePortfolio
  • Main content area (Each links directly to highlighted content)
    • Wesleyan Magazine stories
    • Wesleyan Connection stories
    • Wesleyan Argus stories
    • Event announcements (i.e. RC, HCFW)
  • Tabbed content area
    • Making news (Alumni, Faculty, Campus news, Twitter with live updating)
    • Events
    • Blogs
    • Multimedia (podcasts, Argus video, YouTube)
    • President (blog, Huffington Post, Twitter?)
  • Footer (Established on homepage, remains consistent throughout the site)
    • Mailing Address
    • Contact Email
    • Utility Links
    • Gateway Links to constituent portal pages

Academics landing page

  • Click anywhere in the links area (below the main section) to see a mockup of an Administrative Department site.
  • Click Request Info, Apply, Give to see overlays. Click again to toggle closed.
  • Click Wesleyan logo or Home to go back to the homepage

Design Notes

  • Header/navbar (Established on homepage, remains consistent throughout the site)
    • Prominent links to sites aimed at prospective students
    • Easily discovered search bar in upper right
    • The Wesleyan brand is always used as link back to homepage
    • Quick calls to action
    • Small, yet reliable links to Directory, Libraries, ePortfolio
  • Main content area
    • Prominent links to key sites
    • Spotlight type area to highlight something/someone within this area.
  • Links
    • Categorized areas of interest to viewers of this landing page
  • Footer (Established on homepage, remains consistent throughout the site)
    • Mailing Address
    • Contact Email
    • Utility Links
    • Gateway Links to constituent portal pages

Registrar’s Office homepage

  • Click in the Links area on the left to view a content page
  • Click Wesleyan logo or Home to go back to the homepage
  • Click Academics to go back to the Academics page
  • Click Academics breadcrumb to go back to the Academics page

Design Notes

  • Header/navbar (Established on homepage, remains consistent throughout the site)
    • Prominent links to sites aimed at prospective students
    • Easily discovered search bar in upper right
    • The Wesleyan brand is always used as link back to homepage
    • Quick calls to action
    • Small, yet reliable links to Directory, Libraries, ePortfolio
  • Three Column Layout
    • Column 1
      • Image
      • Nested navigation
    • Column 2 (elastic sizing allows content to fill the width of the browser window)
      • Breadcrumbing
      • Main content area
    • Column 3
      • Related links, info, where to next
  • Footer (Established on homepage, remains consistent throughout the site)
    • Mailing Address
    • Contact Email
    • Utility Links
    • Gateway Links to constituent portal pages

Registrar’s Office detail page

  • Click Wesleyan logo or Home to go back to the homepage
  • Click Academics to go back to the Academics page
  • Click Academics breadcrumb to go back to the Academics page
  • Click Registrar breadcrumb to go back to the Registrar page

Design Notes

  • Header/navbar (Established on homepage, remains consistent throughout the site)
    • Prominent links to sites aimed at prospective students
    • Easily discovered search bar in upper right
    • The Wesleyan brand is always used as link back to homepage
    • Quick calls to action
    • Small, yet reliable links to Directory, Libraries, ePortfolio
  • Two Column Layout
    • Column 1
      • Image
      • Nested navigation
    • Column 2 (elastic sizing allows content to fill the width of the browser window)
      • Breadcrumbing
      • Main content area
  • Footer (Established on homepage, remains consistent throughout the site)
    • Mailing Address
    • Contact Email
    • Utility Links
    • Gateway Links to constituent portal pages