Portfolio

Web Design

ipads showing homepage for art school

School of Art

Web Design & Code (Responsive for all Devices)

The Yale School of Art is the art school of Yale University, located in New Haven, CT. Founded in 1869 as the first professional fine arts school in the US, it awards Masters of Fine Arts degrees to students completing a two-year course in photography, graphic design, painting/ printmaking, or sculpture. The School of Art, however, is NOT part of the Yale Graduate School of Arts & Sciences, and has it’s own application process. US News & World’s 2012 and 2013 rankings rated Yale first in the US for its Masters of Fine Arts programs.

The actual Yale School of Art website is a module-based wiki that is editable by every current graduate student, staff person, and faculty member, though certain areas, like course descriptions, are locked/cannot be edited by everybody.

The website frequently features moving GIFs in the background, default fonts, and garish color schemes. The majority of people consider it to be terrible, but the type of art students they want to attract will interpret it as funny and avant-garde. Regardless, the website is not organized well, making it hard to navigate and find information. I wanted to create a design that would make everything organized and easy to use, while maintaining the artistic, avant-garde spirit.

Client Needs & Goals:
  • Show the eclectic, diverse nature of the school in a functional way.
  • Make school and application information clear and easy to find.
  • Appeal to fantastic artists and make them excited to apply.
  • Promote current student work and art exhibits to help students be successful. This will also generate interest for applicants.
  • Remain a top school and attract the best of the best, who have money to spend on school.
View Process Book
Coded pages:
View Coded Website
Awards
2017 Valencia Annual Juried Student Art Show

Excellence in Typography (Web) Award

Best of Web Award

Dean's Purchase Award for Graphic Design (Web)

two computer screens showing the art school homepage pink computer showing the art school homepage ipad showing the bottom of the homepage iphone showing the homepage ipads showing the art school homepage phones showing the navigational menu phones showing the webpages ipad showing photography page ipad and iphone showing photography page modal window laptop and iphone showing photography page ipad showing history page mac showing history page for desktop ipads showing the events page desktop and phone showing the events page ipads showing the archives page computer gallery page