Lawrence Wang

Presidential Hopefuls

See 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.

Politic Header

Concept

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.

Politic Sketches

Prototype

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.

Politic Prototype

Implementation

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.

Politic Final 1

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.

Politic Final 2 Politic Final 2 Politic Final 3

Results

  • 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.
I started building things some time ago. Exploring the intersection between design and code makes me feel powerful, and implementing design to create meaningful and useful products has been more fulfilling than my past dabbling in fine arts. The liberal arts™ education at Yale has afforded me the opportunity to discover economics and political science as immensely interesting, although what I will do with them remains to be seen.
In my free time, I enjoy watching Chinese TV, collecting song lyrics, and making Spotify playlists. I am fascinated by architecture and interior design and collect cool floor plans on a blog. One of my life ambitions is becoming Yelp Elite one day, but I figure my love for food trumps my critical insights nearly 100% of the time, so we will see about that.
Instagram ↗︎LinkedIn ↗︎Thoughts ↗︎In My Defense ↗︎
Songs I've Been Listening To:
Don't you know there's a part of me that longs to go.
5:59:04 AM