People Page Layouts

There are many ways to cut an onion, but some methods will save you tears down the road. Similarly, when creating people pages certain techniques save considerable time. A little planning with this guide will clear your path.

What to tell and why?

Ask yourself this question to help guide your design. People pages can have different purposes — from a simple roladex, to a mission-oriented Who We Are page full of bios and achievements.

Elements for People Pages

  • Contact Information
  • Publications & Awards
  • Biographies
  • Photos & Galleries
  • Mission Statement
  • People Past or Present

With a vision in mind, answer this 2-part questionnaire:

1. Who's in Your Team?

Your people guides whether your page is better suited to leveraging the Profile component, or alternate (e.g. Text & Image) components. We recommend everyone populate their Stanford Profile so you can fully leverage the Profile component — it will ultimately save time and resolve information conflicts.

Faculty: Typically already have their Stanford Profile populated, so using the Profile component will save considerable time. Show me

Non-Faculty: Staff and students often need to add photos and change their Stanford Profile privacy settings to public, so using alternate components may work better. Show me

2. How Many People are There?

The number of people being shown should guide how you display them. A small team can get away with simple layouts, whereas larger ones usually warrant a more thoughtful approach.

Small Groups: Smaller numbers (<10) can likely fit onto a single page with little in the way of additional categorization. Show me

Large Groups: Larger numbers (>10) can be displayed across multiple pages, or consolidated on a single, categorized page. Show me

Why Profile Component

  • Efficiency & syncronization
  • Standard look & design
  • Custom information feed

Why Alternate Components

  • Users not leveraging CAP
  • Custom look & design

Why a single page

  • A small group
  • Categorizing team members
  • A consolidated, one-stop-shop

Why multiple pages

  • Large groups, in lieu of a long page
  • Strong distinctions (i.e. Alumni-Administration-Services)
  • Focused individual pages