Redesigning the Quello Center

Timeframe

April 2026 - Current

My role

UX Designer and Researcher

Tools

User Research, WordPress, Figma

Project Overview

The Quello Center at Michigan State University conducts interdisciplinary research within the College of Communications Arts and Sciences. This project involves a full redesign of the Quello Center's website to improve usability, fix broken navigation and missing pages, and introduce a new design direction that better reflects the brand.

Goals

The goals include redesign the site information architecture, build pathways to guide user groups through the site’s content, and update the design and presence to meet the standards of peer organizations at other university research centers. This project will be completed in four stages: Information Architecture, Design Exploration, Divi Experimentation, and Copywriting and Build-Out.

Information Architecture

The first step in this phase is to make cards for Card Sorting for user research. I went through each page of the site and made notes of items on the website. These cards will be used to find out how users categorize the items naturally to understand how to organize the information architecture. I also keep notes of duplicated content or content that isn't organized properly.

I also found similar websites of research labs at other universities to see how they are organizing their work and their design. I found four other labs and made notes on what I liked and didn’t like.

Card Sorting

Below are digital sticky notes of each item that will be used in the card sort.

digital card sorting

These items were then written on physical note cards to be able to run the research in person more easily with multiple people. The card sort ran with my mentor (who is the head of the project), the client, and me. We were able to work together to split the cards into sections. The data we gathered allowed us to determine the categories that will be in the navigation bar. The card sort piles are shown below.

Sorted Cards

We also further discussed who our user archetypes are. The main users are the research community, policy makers, and the general public/media. Knowing this allowed us to determine the order of the navigation bar. I was able to make this information architecture diagram with the data gathered from the card sort.

information architecture diagram