Yale SOA Website Redesign
UIUX Design
Overview
The Yale School of Art is a prestigious institution, renowned for pushing boundaries in contemporary art. I choose to redesign this because I want to try to reflect their creative and innovative spirit.
Redesign the Yale School of Art website to improve usability, visual appeal, and user interaction. The project focuses on learning the UI design process through research and applying visual and interactive design principles.
- Timeline
- 3 months
- Team
- Me!
- Status
- Completed!
A prestigious institution, but a website that prioritizes expression over usability.
I begin by conducting an in-depth analysis of the Yale School of Art's website. I examine all components—including navigation, sitemap, personas to overall functionality. The research helps me identify key pain points, strengths, and areas that need improvement.
Concept Research
Research the present website to analyze its goal, user archetypes, and all areas for improvement. As a result, I carried out research on site maps and navigation, leading to the development of a revised version.
UX Research
Detailed user personas were created to represent the audience, guiding design decisions to meet diverse user needs.
Visual Research
I began by analyzing and refining the existing branding elements of the Yale School of Art to create a cohesive visual identity for the redesigned website. For visual research, I chose high-contrast colors, diverse textures, brutalist design, bold typography, and contemporary, unconventional ideas to enhance the site's artistic spirit.
Low Fidelity
The process began with creating wireframes for the app, covering all three screen sizes: desktop, tablet, and mobile. Next, I designed components in various stages and sizes for all screen sizes.
Mid Fidelity
In the mid-fidelity phase, I experimented with adding color and website content on the desktop size, while finalizing the layout.
High Fidelity
In the high-fidelity phase, I finalized all microinteractions, added background animations to emphasize the artistic spirit, linked all pages, and completed the entire design.
View all prototype pages!
Showcase
