top of page
yale banner.jpg

Yale School of Art Redesign

This project was created for my Experience and Interaction class where we were tasked with redesigning a website to improve it's poor user experience. I focused my redesign on the homepage and publications page. 




May 2022


Figma, Photoshop

UI Design, Rebrand


Redesign a weak website by analyzing the user experience associated with the website and propose design changes.

01 Analyze 

I began by analyzing the user experience by browsing through the Yale School of Art website.

What doesn't work

Screen Shot 2022-07-20 at 11.57.05 PM.png
Screen Shot 2022-07-20 at 11.57.18 PM.png

Individual white backgrounds on text can be distracting and clutters the website

Screen Shot 2022-07-21 at 9.57.48 AM.png
Screen Shot 2022-07-20 at 11.59.21 PM.png

Homepage lacks consistency, consolidation, and direction. What are the users' next steps supposed to be?

The school news is displayed poorly as the additional read more hyperlink is an unnecessary addition.

Screen Shot 2022-07-20 at 11.59.55 PM.png

Much of the text fails to demonstrate typographic hierarchy. All of the text is in uppercase and the repeated use of white backgrounds makes it difficult to differentiate between titles, headings, and body text. 

The interfaces are frustrating and overstimulating with the lack of a design system, the distracting background animations, and congested information.

Screen Shot 2022-07-21 at 9.44.28 AM.png
Information Architecture
Screen Shot 2022-07-21 at 10.01.10 AM.png

Redesigned Sitemap

I recreated a new sitemap by consolidating and removing the webpages that were irrelevant to the school of art, such as Yale undergrad application information. 

Original Sitemap

One issue that I noticed as I created the sitemap for the original website was that there was lots of unnecessary repetition. For instance, the homepage displayed multiple pages that could already be found in the top navigation bar.  

Screen Shot 2022-07-21 at 10.01.41 AM.png

02 Lo-fi Sketches

Screen Shot 2022-07-21 at 6.26.50 PM.png

My focus was on redesigning the homepage and publications page. Through my redesigns, I aimed to eliminate negative space and simplify the interface to make it more professional. To improve the user experience, I added more focus to the navigation bar elements and categorized the bulky information into digestible pieces. 

Screen Shot 2022-07-21 at 6.26.54 PM.png

03: The Redesign

Branding and Logo Design
Screen Shot 2022-07-21 at 6.54.49 PM.png
Screen Shot 2022-07-21 at 6.57.09 PM.png
bottom of page