Presidential HopefulsSee It in Action ↗︎
As a critical election year neared, the Yale Politic wanted to chronicle their series of interviews over the past decade to offer more insight into the presidential candidates. The Tech Team was tasked with the creation of a minisite that would present the interviews in a meaningful and accessible way.
Under the leadership of the team lead, we aimed to expand readership for the magazine and build a template for future feature projects. Personally, I was responsible for the landing page design, as well as content and asset generation.
According to initial sketches, the landing page would showcase several prominent interviewees, with their photos and names, as well as an impactful presentation, which differed from The Politic’s usual, more muted style.
The landing page was prototyped in Figma, originally featuring a large, bold font with black and white motif to capitalize on the preexisting design language of the magazine. In a similar vein, the candidate photos are prescribed a black and white treatment. To equalize and humanize the candidates, I conceived of the technique of blurring and adding grains to the portraits through Photoshop.
With the goal of encouraging readers to go through all the content, we implemented a system of horizontal slider and vertical scrolling, such that all interviews with minimum clicks and scrolls. For typography, Canela was used for headings as it brings a kind of elegance different from the magazine’s usual Georgia, and Sailek was chosen for the body.
The site was developed with a mobile-first mindset to account for The Politic’s largely mobile readership. On mobile devices, clicking the fixed header brings up a list of all the candidates, allowing quick access without excessive scrolling.
- Learned the fundamentals of web development. Introduced to prototyping with Figma, version control, and responsive design.
- Practiced the process of design thinking. From conceptualization to sketches to implementation, the process turned out to be a constant compromise between vision and usability, creativity and human-centered thinking.