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 the interface for a one-page website, creating a vibrant and distinctive visual offering. The focus should be on highlighting the brand's personality, ensuring clear reading of the content, and establishing well-defined shortcuts that optimize the browsing experience.
The design sought to maintain the magazine's serious and professional character, while maintaining the creative, agile, and editorial spirit that makes it unique. From the start, the design worked with a clear modular structure, supported by well-defined cards and containers, so that each section had its own space and navigation was intuitive.
Strategically, striking images and well-placed text were used, achieving a balance between content, space, and layout.
Backgrounds in various shades of gray and black were used to create more application options and create a dynamic look. This subtle contrast gave the layout depth without disrupting the editorial style.
Since there was no previously established digital identity, it was possible to experiment and propose graphic and visual alternatives. Therefore, each main section received its own unique color (Advertising, Design, Marketing, and TV), helping to instantly identify them and reinforcing the visual logic of navigation.
The typographic hierarchy was also key: headlines, author names, and body text were carefully arranged, following the visual narrative of a print magazine.
From the beginning, the design was designed with a responsive approach, ensuring that the design works equally well on desktop and mobile. And since the site would be managed in WordPress, a flexible and editable structure was planned to resist the test of time and future updates.
