For this project, I researched alumni from the Carnegie Mellon School of Design to represent their work in both a print and web piece. The alumni I chose to work with was Eden Weingart, with a focus on her work in Motion Design. Through research and interview questions, I was able to create content to work with and include on both of my pieces. I used information this to create a three spread zine as well as an interactive web page describing and displaying Eden's work.
FULL PROCESS CAN BE FOUND HERE
I started by studying Eden's work and figuring out how I would best portray it through the two different mediums. I made a visual guide for myself showcasing Eden's work as well as the work of people she considered inspirations and used this information to create potential typographical styles and color palettes I might use.
I ended up using Brandon Grotesque for my zine and website, as I found that it gave off a similar vibe to Eden's work. I decided that because most of the colors on the zine and website would be from her work, I wouldn't need to define a separate color palette for the zine and website.
From there, I went to working on creating potential thumbnails for the zines. With an idea of the written content and work I wanted to include, I experimented with different layouts I thought might be interesting.
I then worked with creating an engaging title typographic style that I could use to tie in the zine and the website. I decided to play around with fills and strokes in order to write out Eden's name. I used a pink color that I found to be prominent in some of Eden's work, and used this color throughout the zine so as to tie all the spreads together.
I spent a lot of time trying to figure out how to represent motion through a printed piece while being respectful of the playful yet smart style of Eden's, especially for my Question and Answer section. I experimented with having text and pictures move horizontally over gutters and spreads so as to mimic the style of something in motion.
I chose to use Eden's work from The Inquisitive Explorer's Guide for the cover of my zine, as Eden had mentioned that it was what she was most proud of creating during her time at Carnegie Mellon. For the back, I added a relationship diagram using information from my classmates about the alumni they were researching. This helped to tie in my zine with the collection created by the entire class.
Once I had a set idea for the designs of my spread, I began to work on wireframing the website. I used Adobe XD and began to digitize some sketches I had made on paper. While I did not end up using this idea, it ended up informing some decisions for my final design.
I decided to use visual hierarchy in order to indicate that a user should click, and paired it with a highlight transition using the pink spot colors from the zine. I additionally coded a colored navigation bar on the bottom so that the user would not feel as though they would have to scroll up to see the rest of the content. I ended up using the same hover state for the speech bubbles so as to be consistent with my previous indications of interactivity.