Jolimont

Este é um estudo: um redesign da loja online da Vitivinícola Jolimont, de Canela, na Serra Gaúcha. Não é o site oficial e não tenho vínculo com a empresa. O checkout está desligado de propósito, então nada é cobrado e nenhum pedido é criado.

O que mudei em relação à loja oficial: os banners com o texto dentro da imagem viraram texto de verdade; o preto genérico deu lugar ao bordô da marca, com dourado só nos detalhes; os títulos usam uma fonte que lembra rótulo de vinho; as garrafas ficam sobre fundos claros, para as escuras aparecerem; e o menu foi organizado por tipo, linha e seleções, como premiados, até R$ 89 e sem álcool.

A loja também virou um app instalável que funciona sem internet. A decisão técnica de que mais gosto é o service worker, escrito à mão, com uma regra de cache para cada tipo de arquivo: as páginas buscam a rede primeiro, as fotos das garrafas já vistas ficam guardadas por 30 dias e o checkout nunca entra no cache. Com o app instalado, o catálogo, os filtros e o carrinho funcionam offline.

Os 44 rótulos, as fichas técnicas e os preços vêm das páginas públicas da loja oficial, com a data da atualização na própria loja. O projeto tem 61 testes unitários e 43 de ponta a ponta, passa pelo axe em 8 páginas e marca 85 em desempenho e 100 em acessibilidade e boas práticas no Lighthouse para celular.

Se fizesse de novo, geraria o HTML no build. Hoje a primeira tela espera o JavaScript, e o LCP fica em cerca de 4 segundos no 4G lento.