• Awwwards Site of the Day
  • Awwwards Developer Award
  • Awwwards Mobile Excellence
Branding Naming Print Video Website

Steel, the ugly and visceral product that sustains civilization. How can we successfully position such a raw material on digital for people who insist you can’t sell steel online? 

By showcasing its hidden beauty. We carefully crafted video product teasers and inspiring photography and encased it on a highly impactful website that demands attention. Jewellery brands take notes: steel is the new thing, rust included. 

Visit website Ferro.pt
Branding

Ferro branding aimed to be like the material itself —Ferro means “steel” in Portuguese— strong, consistent, vigorous. A custom typeface was created for the logo and PX Grotesk secured an important role in brand communication. The type logo is aided by a minimized version of the mark, with the F as the symbol.

Art Direction

The art direction was, from the start, interested in accurately representing a product that is more often thought of in abstract terms than actually seen. Photography and video then sought to present the product on both micro and macro scales. Curiously, the overarching shapes of the material itself ended up removing the object from its associated universe, resulting in something that reads more like a piece of art — which we took as a conspicuous sign and used it to display the material’s beauty. The macro-scale provided just the opposite effect, and we used it for the necessarily very grounded showcase of the range of products.

Fig 1.

Overview of the theater

Ferro Overview of the theater
Fig 2.

Identity application

Ferro Identity application
ferro-slide-01
ferro-slide-01
Fig 1. of 2.

Colours for each category product

Colours for each category product

The Website

The main focus of the website is to present the range of products. Intuitive and direct navigation allows the user to enter directly into the product ranges slider, which presents all the sub-ranges, technical features and possible applications of each of them. The homepage mirrors the Ferro universe, with the corporate video playing in the background. In the About page, it is possible to experience a 3D version of the logo, with a mousemove effect.

  • Ferro Tubes & Channels Page
  • Ferro About Page
Sound

We created succinct videos for each range, showcasing the details of the particular products. The main video is complemented by voice-off and custom music. The song sought to fill the space with an electronic sound featuring several loops. These loops were then reused to complete the navigation experience on the site itself, alternating between different pages.

Play
Ferro Sample EN by Rodolfo Jaca, Bunnybride Productions
  • Ferro Sample EN 0:04
  • Ferro Sample FR 0:04
  • Ferro Sample PT 0:04
  • Ferro Sample Loop I 0:04
  • Ferro Sample Loop II 0:04
Up next

Kopke