• Awwwards Site of the Day
  • Awwwards Mobile Excellence
  • CSS Design Awards Site of the Day
Art Direction Brand Extension Strategy Website

Established in 1859, Porto Cálem is absolutely inseparable from the history of Port Wine. It is Portugal in the world of wine. Cálem needed a website that mirrored their leading position by hosting iconic brands, such as Cálem and Porto Velhotes, while capturing attention to the country's most visited Port wine cellar with ticket sales. The city also knows very little about A.A. Cálem, the brand’s founder, so it was a good opportunity to have the Cálem History settled and linked to the Douro. Saúde!

Visit website Calem.pt
Wines and history

Calem’s Port website is a starting point to acquaint the 4 wine ranges offer: White, Tawny, Ruby and Rosé, an introduction and ticket sales (queue tourists ninjas this is clearly aimed for you) to visit The Cálem Cellar - the most visited wine cellar of the world - and the iconic Porto Velhotes mini-site.

The History and Douro (one of the few wine-growing regions in the world where the human hand has contributed to enhance the natural beauty of the landscape) are the attention snatchers allied to the A.A. Cálem life story and legacy that simultaneously had a pivotal role at the renewed wines packaging.

Brand extension

A.A. Cálem could be easily mistaken for an incurable adventurer, but it was entrepreneurship that fuelled his passion. To trigger and support this epic journey to the other side of the Atlantic - the caravel has always been the brand iconic symbol - we illustrated an engaging storytelling on scroll that leads the user experience into an unique lifetime’s story of success.

You spin me right 'round

The Portfolio (see what we did there? Port-Folio) section has a less predictable scroll: a click&drag circular activated by the browser’s native scroll that helps to contextualize Calém’s offer with appropriate food styling related to each branch. Each Port type has the new packaging on scroll and all the information you’ll ever need. The sections footers have relevant links to other websites sections to facilitate the users life across new content. Yeah there’s also a fancy menu for that but we love good footers that lead people to relevant content.

Cálem Mobile Image
Cálem Blur Background
Cálem Mobile Image
Hear, hear. Cheers!

“Working with Büro meant following a new path: to venture outside our references and to accept different work methodologies which often questioned our initial requests. Always displaying a strong commitment to our objectives, we were met with a secure and engaging approach to a very difficult challenge — to update a secular brand legacy to the new age. Büro truly led us astounding websites and we can’t recommend them enough.”

Patrícia Sousa — Brand Manager Sogevinus
Poster Full Video
Play Pause
Up next