Faculty/Staff Directory

Many sites utilize a directory to display faculty, staff, students, interns, etc. There are various options when developing a directory for your website.


Directory Listing Page

  • There are several variations available when presenting the intial directory listings. Entries on a directory listing page can be displayed with or without a thumbnail headshot photo.
  • A ratio of 3:4 will be used when scaling images for thumbnails in a directory listing page. It is recommended the headshots for the directory details page (see next page) be no more than 150px x 200px.

Directory Detail Page

The directory detail page can be found by clicking on the name of the person from the directory listing page and will include full details about each directory entry. Entries on a directory detail page will have a full-size headshot photo displayed either on the left or right of the directory information.

Example of a directory listing page - List of names and email addresses
Example of a directory listing page - Three column with photo on the left
Example of a directory listing page - Stacked, photo on the right
Example of a directory detail page - Photo on the left
Example of a directory detail page - Photo on the right