Case study 07 / 07Quantum research

JQI& RQS

Two sister quantum institutes, two distinct identities, one component library.

Clientjqi.umd.edu ↗
Andrqs.umd.edu ↗
RoleUX Design
Agencyidfive
The RQS homepage
The client

The Joint Quantum Institute is a University of Maryland partnership with NIST. The Institute for Robust Quantum Simulation is an NSF Quantum Leap Challenge Institute working with Maryland, Duke, Princeton, NC State, Yale, and Harvard. Sister institutes, different missions, one web budget.

The problem

One shared component library, completely different needs.

JQI's navigation ran eleven flat items with internal acronyms exposed. RQS had five. Neither site served a student trying to understand the field, neither gave the scholarship a home, and the budget covered one component library, not two designs.

The question

How might we help each institute feel distinctly itself while making its research easy to explore?

Every move below is an answer to that question.

Move 01 / 04

One library, two identities

Both sites are built from the same components: the same filter bar, the same results list, the same directory grid, the same page shell. The identity comes from arrangement and palette, not from separate systems. JQI opens on its own research, light and red. RQS opens full-bleed on a student holding a polarizing filter, dark and teal. Same blocks, two institutes that look nothing alike.

The JQI homepage: light, red, research-led
JQI: light, red, its own research first
The RQS homepage: dark, teal, student-led
RQS: dark, teal, students first
Move 02 / 04

The architecture

I rebuilt both architectures around what a visitor is looking for rather than how each institute is organized internally. JQI's eleven flat items, acronyms and all, became six sections with real depth. RQS grew from five items into a full structure with room for its three research challenges, its people, and its education work.

Before · Spring 2022 After JQI · 11 flat items People / Publications / About Research / News / Events Outreach / Apply / Login PFC QUICS (internal acronyms, exposed) RQS · 5 flat items Home Publications Education People About No student path. No home for scholarship or partners. JQI · 6 sections News · Events · Publications People Research Many-Body Physics Quantum Information & Computing Quantum Measurement & Control Outreach Summer Girls Program Women in Physics About Physics Frontier Center (was PFC) RQS · 7 sections News · Events · Publications People Leadership / Investigators / Postdocs Students / Alumni Research RC1 / RC2 / RC3 challenges Research Partners Education & Workforce K-12 / Undergrad / Graduate Workforce Development Acronyms absorbed into plain language. Partners and student pathways given a home.
Navigation captured from the Internet Archive (spring 2022) and the live sites today.
Move 03 / 04

The scholarship

Publications are the institutes' main output and had nowhere to live. I gave both a filterable index: JQI's by research group and year, RQS's by year and status. Thousands of papers became something a researcher or a prospective student can actually search.

JQI publications, filterable by research group and year
JQI: filter by research group and year
RQS publications, filterable by year and status
RQS: filter by year and status
Move 04 / 04

The people and the partners

The directory now holds everyone from leadership and senior investigators to postdocs, graduate students, and alumni, filterable by role. And RQS's partner institutions, from Maryland and Duke to Princeton, Yale, and Harvard, were given a place on the page instead of a line of body copy.

The RQS directory, filterable by role
The directory, filterable by role
RQS partner institutions on the homepage
Partner institutions, given a place on the page
Impact

The redesign gave two institutes distinct front doors from one component library, on one budget and one timeline. Both architectures are built around what a visitor wants rather than how the institute is organized, the scholarship is searchable, and the people and partners are visible.

1Component library behind both institutes
2Distinct identities built from it, on one budget
6Partner institutions surfaced: Maryland, Duke, Princeton, NC State, Yale, Harvard
My role
More case studies