︎ DESIGN.CALARTS.EDU ︎
A complete redesign of the CalArts Design Website, hosting all the names and portfolios of current students in the program, as well as info on the events, clubs, and alumni from the graphic design program. The site is used as a recruiting and informative tool for prospective students, alums, faculty, and recruiters can use.
︎ View the site here. ︎



︎ PROCESS︎
Because this project centers around the CalArts Graphic Design Program, I did a deep dive on everything to do with our program. I started by looking at past versions of the design site and listed things that worked and things that didn’t. This allowed me to generate the scope of the new site, focusing on creating the most helpful resource that the site could be and highlighting the integral elements that make our program what it is.


Next was a process of researching and contacting current students, faculty, and alumni in order to get portfolio links and curate an organized list of alumni based off of design practice.
INITIAL DESIGN EXPLORATIONS ︎
I decided the design site should keep the simplicity of the previous sites through a single scroll experience. However, I wanted it to feel contemporary and match the caliber of work the students in my department work.


CLASS PHOTO ︎
Both the design faculty and I wanted to keep the fun/quirky nature of the design program in some part of the site, and so I wanted to create a class photo. Because everyone’s schedules were so different, I found a better solution would be to take photos of them separately and Photoshop them together. It also made it much easier for each individual to have fun with the photoshoot.

CODING & PRODUCTION ︎

The majority of this project was coded in HTML and CSS, with a little extra Javascript to spice things up. It was also my first time using Github and SASS, which made the process of uploading to a live site much more streamlined.
︎ SPECIAL THANKS ︎
Roman Jaster
Michael Worthington
Caryn Aono
Bryan Gelderbloom
Joe Suh
Trey Brothers
︎ View the site here. ︎