Portfolio of Web Design and Development - Coca-Cola’s token: Tactics to influence public health policies
This is one of the most notable works Nicolás and Miguel have developed as the POPLab team for journalist Kennia Velazquez's reporting and won the 2022 Fetisov Journalism Award.
- Published on
- Laboratorio de Periodismo y Opinión Pública (POPLab), CONNECTAS HUB
- Year
- Features
- A single-page application developed with Svelte, MDBBootstrap, and GSAP.
About the project
This is an investigation of the Coca-Cola Company’s influence on Mexican public health, published in 2019 in collaboration with CONNECTAS Hub and POPLab.
What we did
- Framework: Svelte
- Animation SCSS
- Interactive subject search
The challenge
The investigation reveals the relationship between different Mexican public figures and the Coca-Cola Company that Kennia Velazquez identified through a database. It became imperative to feature this information clearly and concisely and apply intuitive navigation.
Website style
Typography and color palette
We added intricacy and style to the project by creating a design that echoes a Coca-Cola Company website.
Tipografía
Lobster is a font that resembles the Coca-Cola logo for the headline and headers.
We used Roboto for the body of text, a more modern and readable typeface, since the Lobster font is very stylized, not clearly legible, and therefore not suitable for body text.
Color palette
A color palette that is very similar to the Coca-Cola brand to emulate the company.
Cover animation
We added bubbles to the bottom of the portal to resemble the cold carbonated drinks associated with Coca-Cola. This animation combines different CSS animation techniques, some SCSS functions, and some assets developed by the POPLab production team.
The "tokens" explorer
To show the different connections between characters and Coca-Cola, we created "The Coca-Cola Collection," an interactive developed to explore the different connections between public figures and the Coca-Cola Company by using bottle caps or “tokens,” as we call them in Spanish. In this interactive element, you can see the files of different public figures, their positions in the Mexican government, and their involvement with the Coca-Cola Company.
The result
An interactive website that feels more "Coca-Cola" than the Coca-Cola Company's website, as Nicolás and Miguel believe, that engages the reader in an investigative piece.