Current Designs

Western Template for HTML Sites

This site is illustrating the Western Template for Static HTML Sites (as opposed to dynamic code-driven sites such as those based on Drupal). It shares design characteristics with both the Western Home Page and the Western College Sites Design (see below). Pages done with this template can have a custom banner at the top of the page with their unit name on it. These sites are written in HTML and CSS and are maintained using Adobe Dreamweaver.

College Design for Drupal Sites

The College Design is for Colleges / Academic Units that have transitioned to the Western Drupal system.

Desktop View

Header

The new College sites all have a header with the Western logo to left and Western links along top right. The college banner and nameplate are followed by the main menu place horizontally under the banner. Next follows the page name and content.

footer

Footers on these sites all have the Western information block to right and room for custom college information to left.

Backgrounds are optional but should be subtle and will appear behind the translucent white page content background.

Mobile View

Mobile View

In the smallest mobile view (smartphones etc) banners are eliminated and the most significant information on the page is shown first.

If the user selects the menu button, the menus are expanded as standard vertical mobile menus.

You can also view a typical site, then narrow the browser window to see this in action.

College Home page

The college home page does not have a secondary menu. It is the most customized page of the site and is intended to draw attention.

College Interior page

College interior pages are just like the college home pages except that the left-most column contains the secondary menu. See graphic example

Department within a College - style 1

Department Header Style 1

If departments need to be viewed within the structure of the college, they can have a side menu for their links. See example

Department within a College - style 2

Department Header Style 2

If departments have large sites and require extensive menus, it may be appropriate to make them a subsite with their own navigation. In this case the user gets back to the college by clicking on the narrow college banner above the department banner. See example

Page Updated 03.24.2014