Código Revista

Client: Código Revista

Role: UI Designer

Year: 2017

Código is a Peruvian digital magazine focused on news and content specialized in advertising, marketing, and communications. It stands out as the only media outlet in the country with exclusive journalistic and audiovisual coverage of the sector's major international events, such as the Cannes Film Festival, El Ojo de Iberoamérica, Roast Brief, El Dorado, Desachate, among others.

Project Goals

Design a one-page website interface that offers a vibrant and distinctive visual experience. Focus on showcasing the brand's personality, ensuring clear content readability, and establishing well-defined shortcuts to optimize the browsing experience.

Advertising is our native language

Advertising is our native language

The design proposal aimed to preserve the magazine's serious and professional character while maintaining its unique creative, agile, and editorial spirit. From the beginning, a clear modular structure was established, utilizing well-defined cards and containers to ensure each section had its own distinct space, making navigation intuitive.

The strategic approach featured striking images and carefully positioned text to balance content, space, and layout.

Gray and black backgrounds created more application options and a dynamic look. This contrast provided the layout with depth while maintaining the understated editorial style.

Since no digital identity existed, we could experiment with and propose various graphic and visual alternatives. As a result, each main section (Advertising, Design, Marketing, and TV) was assigned a unique color, making it easy to identify them and enhancing the visual navigation.

Also, I paid close attention to typographic hierarchy: the arrangement of headlines, author names, and body text was carefully designed to follow the visual narrative of a print magazine, aiding in identification and reinforcing the overall structure of the content.

We adopted a responsive design from the outset, guaranteeing that the site functions effectively on desktop and mobile devices. Since the website would be managed using WordPress, we developed a flexible and editable structure to ensure its longevity and ease of future updates.

For this project, standard design dimensions were used: 1440px wide for the desktop version and 375px wide for mobile devices, ensuring optimal display in both formats. The initial design process was developed in Adobe XD, using this tool to create wireframes and low-fidelity mockups, and Adobe Illustrator to create icons and vector elements.

For this project, standard design dimensions were used: 1440px wide for the desktop version and 375px wide for mobile devices, ensuring optimal display in both formats. The initial design process was developed in Adobe XD, using this tool to create wireframes and low-fidelity mockups, and Adobe Illustrator to create icons and vector elements.

For this project, standard design dimensions were used: 1440px wide for the desktop version and 375px wide for mobile devices, ensuring optimal display in both formats. The initial design process was developed in Adobe XD, using this tool to create wireframes and low-fidelity mockups, and Adobe Illustrator to create icons and vector elements.

Thanks for taking a moment to look at my work!

Made with good vibes + ice-cream © 2025 Renzo Coz

Made with good vibes + ice-cream

© 2025 Renzo Coz