# Adega Alentejana

> Manutenção e evolução de uma loja VTEX legada de vinhos e azeites importados — páginas institucionais, mapas interativos de países e regiões, e a ficha técnica de cada vinho.

Na Avanti eu passei por várias lojas VTEX — a maioria eu nem lembro mais o nome. Mas a Adega Alentejana foi a que eu mais coloquei a mão na massa. O institucional inteiro foi meu, a página de Países e Regiões foi minha, o redesign da ficha técnica de produto foi meu. Rever esse site hoje traz lembranças boas de uma época que não volta mais.

<figure className="rehype-figure">

![Home da Adega Alentejana, com carrossel de destaques e vinhos mais vendidos](/images/pages/projects/alentejana/alentejana-home.png)<figcaption>

Home da Adega Alentejana, com carrossel de destaques e vinhos mais vendidos

</figcaption>
</figure>

## Uma adega com raízes em 1998

A Adega Alentejana nasceu em 8 de maio de 1998, quando o primeiro contêiner de vinhos chegou ao Brasil — no início, só vinhos do Alentejo, região onde nasceu um dos sócios-fundadores. Com o tempo, o catálogo cresceu para vinhos de outras regiões de Portugal, depois para azeites extra virgens, e hoje inclui produtos de oito países (Argentina, Chile, Espanha, França, Hungria, Itália, Malásia e Portugal). Sediada em São Paulo, distribui para os 27 estados brasileiros e doa 10% dos lucros para instituições sociais. Hoje o site é uma plataforma B2B exclusiva para revendedores — mas quando eu trabalhei nele, era uma loja aberta ao consumidor final também.

## VTEX legado, muitos anos, muitas mãos

Essa loja — como praticamente toda loja VTEX legada que passou pela mão de vários desenvolvedores ao longo de muitos anos — chegou pra mim cheia de dívida técnica: timeouts, problemas de performance, AJAX antigo em todo canto, e pelo menos um bug de segurança sério — preço que só deveria aparecer pra quem estava logado às vezes vazava pra visitante público. Foi um baita aprendizado sobre como manter loja legada viva: não tinha React, era jQuery e template Dust.js do próprio VTEX renderizando tudo no servidor, então cada correção exigia entender o que quem passou ali antes tinha feito — e quase nunca tinha padrão único entre uma parte do site e outra.

## Países e Regiões: um mapa por país

Essa foi a funcionalidade que mais me orgulho de ter feito. Cada país do catálogo (Argentina, Chile, Espanha, Portugal...) ganhou um mapa interativo com as regiões vinícolas destacadas por cor, cada uma linkando pros produtores daquela região. Fiquei até de madrugada trabalhando nela e numa página companheira, com os dados técnicos de cada vinho — aprendi muito de JavaScript montando aquilo.

<figure className="rehype-figure">

![Página de Países e Regiões, com mapa interativo da Espanha e suas regiões vinícolas destacadas](/images/pages/projects/alentejana/alentejana-paises-regioes.png)<figcaption>

Página de Países e Regiões, com mapa interativo da Espanha e suas regiões vinícolas destacadas

</figcaption>
</figure>

Cada região tem sua própria página, com texto editorial e fotos reais do terroir — a do Alentejo fala de Évora, do clima, das castas típicas, do mármore da região.

<figure className="rehype-figure">

![Página de detalhe da região do Alentejo, com fotos de vinhedos e texto sobre o terroir](/images/pages/projects/alentejana/alentejana-alentejo.png)<figcaption>

Página de detalhe da região do Alentejo, com fotos de vinhedos e texto sobre o terroir

</figcaption>
</figure>

## A ficha técnica: um PDF que nunca ficou bonito

Refiz a página de produto quase inteira — na época anterior era só o produto e as fotos, bem cru. A parte mais difícil foi a ficha técnica: cada vinho tem um conjunto de dados diferente (país, região, safra, teor alcoólico, casta, enólogo, premiações), então tinha que percorrer, bater as chaves certas, traduzir e montar tudo dinamicamente — usando AJAX pra buscar o dado e criando os elementos na tela via jQuery. O botão "Baixar Ficha Técnica" gera um PDF na hora — levei umas duas madrugadas só nisso. Lembro de ter sido liberado mais cedo numa sexta por causa de algum jogo (acho que foi Copa do Brasil, não tenho certeza), levei o notebook pra continuar trabalhando enquanto assistia. E o PDF, até hoje, continua seco e sem nenhum capricho visual — ninguém nunca mexeu nele de novo.

<figure className="rehype-figure">

![Página de produto do vinho Izadi Crianza, com a ficha técnica e o botão de baixar PDF](/images/pages/projects/alentejana/alentejana-produto.png)<figcaption>

Página de produto do vinho Izadi Crianza, com a ficha técnica e o botão de baixar PDF

</figcaption>
</figure>

## Institucional

<figure className="rehype-figure">

![Página Sobre Nós, contando a fundação da Adega Alentejana em 1998](/images/pages/projects/alentejana/alentejana-sobre-nos.png)<figcaption>

Página Sobre Nós, contando a fundação da Adega Alentejana em 1998

</figcaption>
</figure>

A história completa da empresa, assinada pelos próprios sócios — Rosely, Manuel, Pedro e André.
