Overall Layout

Basic Layout

1. Banner

   Each page of the web site will have the same banner, a major part of tying all sites together. Components include:
   1. UNC School of Medicine or UNC Health Care logo. Depending on where you are in the site, the logo may change. If you are on a School of Medicine page, you will see the School of Medicine logo. If you are on a UNC Health Care page, you will see the UNC Health Care logo.
   2. Links to UNC Health Care, UNC School of Medicine, and UNC.
   3. Search Find out more about the search under "Features".

2. Common Links

   Each page of the web site will also have a bar across the top with common School of Medicine links. We are coordinating with UNC Health Care to solidify the links that are common to both organizations.

3. Navigation

   Navigation will be decided upon by each organization. Up to 3 levels of nested navigation are allowed. For example, in the figure below, "About UNC School of Medicine" is the first level of navigation. Once the user clicks on "About UNC School of Medicine," the second level will appear. If the user clicks on one of the second navigation links, a third level will appear.
   

4. Two or Three Column Layout

   Each organization will be able to select either a two or three column layout for their site. The first column, the navigation column, will always be present. The second column holds the main content of the site. The third column (if needed) may hold features such as news, events, and/or your own special feature (e.g., grand rounds, announcements, etc.). OIS will work with you to determine the best layout for your needs.

5. Homepage Graphic

   Each homepage will be provided with a professional custom graphic. OIS will work with your organization to determine the most appropriate picture/caption/design, free of charge. If you would like something specialized (e.g., a flash animation, reloading images, etc.), we would be happy to work with you on a charge basis.

Department/Center/Program Design

Note: This is only an example. We have not met with Pediatrics to determine any of the elements you see here.

The Department/Center/Program design will be very similar to the basic layout. We've tried to give you a few options that will help you reach your target audience while still keeping the UNC School of Medicine identity.

1. Common Elements

   As explained in the basic layout, the banner and common link bar will remain the same throughout all sites.

2. Colors/Title

   Each organization will be able to pick a color palette (predefined) to use throughout their site to establish their own identity. In this example, you see the burgundy color throughout this department site. The title of your department/center/program/organization will also appear on every page of your site.

3. Navigation

   As explained in the basic layout, you will be able to choose your own navigation links, taking advantage of up to 3 layers of nested navigation.

4. Address

   Each department/center/program/office site will have a place for their contact information in the first column underneath the navigation bar.

5. Two or Three Column Layout

   You will have the choice of a two or three column layout. The information you put in these columns is completely up to you. Some departments may want an introduction to their site in the 2nd column, some may want news displayed. Similarly, some departments may want news, events, and another feature displayed in the 3rd column. Others may not want a 3rd column at all.

Also as explained in the basic layout, OIS will work with you to create a professional graphic for your homepage. This will only appear on your homepage (unless you request otherwise). When a user navigates to another page, this graphic will disappear, allowing more space for your content. Below is an example of how a typical secondary page will look.