Quinnipiac University Redesign

Quinnipiac University Redesign

Quinnipiac University Redesign

Quinnipiac University Redesign

qu_logo_color
Client —
Quinnipiac University

Hamden, CT
2016

Hamden, CT (2016)

Hamden, CT (2016)

Agency —
Critical Mass

New York, NY &
Calgary, Canada

New York, NY & Calgary, Canada

New York, NY & Calgary, Canada

Background —

To accompany a complete rebranding of the university spearheaded by Pentagram, Critical Mass was tasked with the digital rebrand and redesign of Quinnipiac University's (QU) website. The client needed a design system that was flexible enough to accomodate a wide variety of content including department pages, course descriptions, social content, and much more while being intuitive enough for their in-house team to manage themselves. The site was built on the Adobe Experience Manager (AEM) platform which was relatively new at the kick off of this project.

qu_2_device_hero

Photography by Rich Gilligan

Payment/Transfer, Accounts Overview, Snapshot Setup

The AEM Way

The bulk of the QU site experience is built upon a modular approach using individual components. These components contain a number options to allow for alternate styling, layout, and even the consituent elements that comprise them. Grouping a number of components into sections allow them to inherit color themes which gives longer pages a visual cadence as the user navigates the various content sections.

Sample Landing Page

qu_cat_landing

Assorted Components

qu_components
qu_full_width_stylized

Incredibly Robust Site Navigation

Custom Developed Pages

A small set of pages within the QU site were custom developed outside of the modular design system. These included pages that required specific functionality or an aesthetic quality that was better accomplished through custom development.

University Homepage

QUd_Template_Homepage_160804

Quinnipiac Now

QUt_Template_QUToday_160927

Assorted Responsive Templates

qu_mobile_5_spread

© 2019 Will Gabrenya