Zine and website for the story of Tony Lee Jr. as a designer, celebrating his work at Museum of Modern Art.
Our class made a series of zines on Carnegie Mellon University School of Design alumni. Then we made web pieces that went in tandem with the print pieces. I researched, talked to, wrote, and designed a zine and a website telling the story of Tony Lee Jr. , featuring his works during his time working as an art director in MoMA and his responses to some questions regarding his past experiences.
Inspired by museum guides, I introduced Tony's works as a virtual tour at MoMA, with each project on one floor of the gallery.
The first challenge I faced when structuring the story was how to present Tony's work through a consistent style. Because Tony worked on branding different exhibitions and each exhibition has its own identity, it is hard to integrate them into one visual style.
Inspired by the visual identity of MoMA, I chose Franklin Gothic to synthesize visuals in different exhibitions.
Some common features I found in Tony's work were clean, modern, and bold, so I focused on san-serif, gothic font pairings including News Gothic, which is Tony's favorite, Trade Gothic, and Franklin Gothic. I finally decided on Franklin Gothic because of its proximity to MoMA Gothic. In fact, before MoMA developed their own font, they have been using Franklin Gothic.
To mimic the sense of reveal when reading a museum guide after looking at the artworks, I decided to put the explanations upside-down.
Taking advantage of the portable characteristic of a zine, I came up with this layout, in which half of the content is upside-down. When I go to see an art exhibition, I always look at the work first without reading the blurb and then I look at its explanations after I have appreciated the artwork on its own. I want to mimic this sense of reveal in my layout. Thus, I placed the content where I explain Tony's intentions behind his designs upside-down.
Together as a class, we found connections among the alumni.
Each color represents a different alumnus. We collected all aspects of information including work experience, favorite CMU moments, and favorite typeface and such to build up a wall of information about the network of alumni.
Something I found particularly interesting about this group of alumni was that a number of them went on an exchange program in Switzerland, and most of them value this experience as the most memorable experience during their time at CMU. Therefore, I made an infographic based on this information.
Taking advantage of the affordances of web, the transition between pages is inspired by the elevator.
Although the web piece contains the same content as the print piece, the two are very different because of the difference in their affordances. The first decision I have to make is whether making it into a one-page website. Because my main body has two types of information: the first experience and the explanation of each piece, I decided to go multi-pages. Continuing on the museum guide concept, the relation between to two is similar to a printed guide to a digital guide. Therefore, I connected the first impression and the explanation with a headset icon, just like how you would press the headset icon on the audio guide to receive information about an art piece at MoMA.
The desktop version follows a 6-column grid, the mobile version follows a 2-column grid.