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 delivers a vibrant, distinctive visual experience. Focus on showcasing the brand's personality, ensuring clear, readable content, 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 them easy to identify and enhancing 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 identification and reinforcing the content's overall structure.

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 with WordPress, we developed a flexible, editable structure to ensure its longevity and ease 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