Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

Rezo Zero: how to do typography

French studio Rezo Zero leaves nothing to chance with a portfolio site that expresses a unique personal identity and creative vision

Rezo Zero is a graphic design agency producing great work across digital and print platforms out of Lyon, France. This online home for showcasing the studio’s talents is another great example of portfolio site design, using progressive web techniques to wear its individuality on its sleeve.

“First we had to think about the content while maintaining a unique identity,” explains the team. “We wanted a clear website with effective animations in order to highlight our content. To present our projects with many details, we decided to show full screenshots – so a vertical layout with a long scroll was the solution. In terms of UX, the vertical scrolling contrasts with the horizontal translation between menu pages and projects.”

Aside from the memorable UX, one of the most immediately striking visual features from the site is its typography. Much of the look keys off from Rezo Zero’s own custom font and was imported into the page via CSS3’s @font-face rule and this is deemed integral to the studio’s image: “To focus on our identity, we created a graphic design based on our own typeface. It is an essential part of the site since the visitor lands on the homepage. For content management, we have also developed our CMS which allows us to save development time and emphasise our global design vision.”