Anatomy of a landing page

Typical landing page structure

  • An optional alert message
  • The ClarkU logo and navigation
  • A hero section that combines media and text
  • Department navigation
  • Breadcrumbs
  • Body (page content)
  • Contact area
  • Closer element encouraging future students to apply, request information, visit, etc.
  • Appeal to give to ClarkU
  • University footer.

Features of the illustration

The page starts with a hero element. It may be an image or a video, and includes a clear and concise heading, and optionally a tagline that helps a visitor know that they’re in right place.

The content of the page is varied and divided into small sections that are easy to skim quickly. It often beings with a short intro paragraph (add intro to the Block → Advanced → Additional CSS Classes) to build interest, and graphical treatments for the content below.

This landing pages includes several calls to action in the various sections of the page, and culminates in the core institutional actions: apply, inquire, visit, and give.