Web portfolio for an illustrator, painter and filmmaker with international projection

UI/UX design, rebranding and frontend development of web portfolio.
CustomerDiego Latorre
Services Web Project
Years 2016
Portfolio web para ilustrador y director creativo — diseño UI minimalista en blanco y negro con tipografía blackletter personalizada
Website portfolio for illustrator and creative director — minimalist black and white UI design with custom blackletter typography
Diseño web para artista visual nominado a Awwwards — interfaz que prioriza la obra sobre el entorno de navegación
Web design for visual artist nominated for Awwwards — interface that prioritizes the work over the browsing environment
Maquetación de portfolio para cliente DC Entertainment — sistema de galería con activación de color por proyecto
Portfolio layout for DC Entertainment client — gallery system with color activation per project
UI de reproductor de vídeo integrado — modal con overlay desenfocado y ficha técnica
Integrated video player UI — modal with blur overlay and data sheet
Portfolio digital para ilustrador — layout asimétrico en HTML responsive optimizado para obra sobre lienzo y técnica mixta digital
Digital portfolio for illustrator — asymmetrical layout in responsive HTML optimized for work on canvas and digital mixed media

A pleasure and a challenge in equal parts.

An illustrator at this level cannot have a generic website. Diego Latorre has worked for Marvel, DC Comics, Wildstorm and MTV, and his work has such a powerful visual identity that any erroneous design decision competes with the content instead of enhancing it. Therefore, the portfolio had to "disappear" for the illustration to shine.

The concept was radical: absolute black and white as a neutral state, with color only being activated when selecting an illustration or playing a video. The work commands; the interface obeys. Bourgeois and Helvetica Neue Thin support the typography with the same tension between expressiveness and austerity that defines Latorre's work. The slideshow with Fullpage.js reacts to the cursor and keyboard — the only moment in which the website has its own personality without stealing the spotlight. Parallax and subtle zooming on images complete an experience that feels more like a gallery than a website. Mobile-first and HTML5 responsive, with advanced animations at a time when that was still differential.

Site of the Week at Awwwards.
Branding
UI/UX
Frontend