WEBSITE REDESIGN
Yale School of Art Website Redesign
Information Architecture, Visual Hierarchy, User Flow
Solo project for Experience & Interaction
Adobe XD
Feb 2022
PROBLEM
The Yale School of Art website was dense, outdated, and difficult to navigate—especially for prospective students looking for exhibitions, program details, or event information. My goal was to simplify the layout and surface high-priority content in a more accessible and visually organized way.
RESEARCH + CONTENT AUDIT
I began by evaluating the existing website to identify pain points related to layout, navigation, and visual hierarchy. The content was rich but difficult to scan, with inconsistent spacing, broken visual rhythm, and a lack of modern UX patterns.
INITIAL SKETCHES
I explored early layout options through rapid sketching, focusing on simplified navigation, scannable content blocks, and a better distinction between academic content, public events, and admissions info.
WIREFRAMES
Our UX audit revealed a key tension: how to balance Yale’s institutional prestige with the need for accessible, student-friendly navigation. To resolve this, I restructured the site architecture around three core audiences: prospective students, current community members, and public visitors. I used wireframes to clarify hierarchy and content grouping. Visually, I introduced a serif-sans pairing and high-contrast accents to reflect formality, while simplifying interactions to reduce overwhelm. The final system aimed to honor legacy while enhancing usability, creating an interface that felt both credible and inviting.
REFLECTIONS
This project sharpened my skills in layout design, structural UX thinking, and designing for content-heavy websites. It pushed me to think about how to maintain the character of an academic institution while making its digital presence feel clear, modern, and usable. If I were to take it further, I’d prototype the navigation flow and test it with real users (students, faculty, and applicants).