Skip to content
Jordan Goulart

Vinícola Arbugeri

Uma vinícola da Serra Gaúcha, online. Site institucional editorial para uma família que faz vinho desde os anos 1960.

Vinícola Arbugeri, interface

Papel

UI/UX Designer

Ano

2024

Status

No ar

Stack

Figma, Next.js
LinksNo ar

Problema

A Arbugeri faz vinho em Caxias do Sul há mais de meio século, começando com Casemiro Arbugeri nos anos 1960. A linha é ampla: do carro-chefe Cazemiro ao Sfera, Victória e os espumantes. Nada disso vivia online. A marca precisava de um site capaz de carregar o peso da história da família e apresentar a linha inteira, sem virar um template genérico.

Abordagem

Cuidei do UI/UX e desenhei o layout do site no Figma; o desenvolvimento ficou por conta de um parceiro. A home abre pelo terroir e pela linhagem. O catálogo trata cada rótulo como um objeto próprio, não como célula de grid. A página de produto dá espaço para a ficha, as premiações e a harmonização sem amontoar.

Resultado

A Vinícola Arbugeri agora tem uma casa só para a história e para a linha. O site está no ar e a coleção inteira finalmente se lê como uma só casa, não como dez produtos soltos.

O que aprendi

  • Uma vinícola com dez rótulos não precisa de dez layouts. Um sistema disciplinado, que deixa cada garrafa falar, vence dirigir a arte rótulo a rótulo.
  • Carregar sessenta anos de história sem peso é trabalho de hierarquia. A edição mais difícil foi escolher o que deixar de fora para o resto respirar.

O sistema

O sistema visual que defini para a marca. Fotografia escura e cinematográfica carregando um único dourado quente, uma serifada fina para o lirismo e uma sans geométrica no trabalho silencioso de navegação e texto.

Tipografia

A Arbugeri

Playfair Display

Display e títulos

Serifada, leve e arejada

Vinhos, sucos e espumantes

Josefin Sans

Corpo, navegação e UI

Sans geométrica, regular

Paleta

Dourado

#e2b457

Acento

Dourado claro

#fee6b4

Fundos suaves

Carvão

#1d1f23

Tinta e fundo escuro

Branco

#ffffff

Superfície e texto invertido

Cinza claro

#f4f4f4

Superfície de seção

Cinza texto

#3b3b3b

Texto secundário

Home completa: hero de degustação em fundo escuro com o nome A Arbugeri, a grade Nossas marcas com os dez logotipos, a seção Terroir e a história da família
Página de listagem da linha Cristalle: menu lateral de categorias ao lado de uma grade com quatro garrafas, cada uma tratada como um objeto próprio
Página do produto Cazemiro Tannat: a garrafa sobre uma imagem escura de vinhedo, a grade de Premiações com as medalhas, a harmonização e as informações técnicas
Página A Arbugeri: linha do tempo dos anos 1960 até hoje percorrendo fotos dos vinhedos e terminando na grade Conheça nossas marcas