Jolimont

This is a study: a redesign of the online store of Vitivinícola Jolimont, a winery in Canela, in the mountains of southern Brazil. It is not the official site and I have no connection to the company. Checkout is switched off on purpose, so nothing is charged and no order is created.

What I changed from the official store: banners with text baked into the image became real text; the generic black gave way to the brand’s burgundy, with gold only in the details; headings use a typeface that recalls a wine label; bottles sit on light backgrounds so the dark ones stand out; and the menu is organized by type, line and selections such as award winners, under R$ 89 and alcohol-free.

The store also became an installable app that works offline. The technical decision I like most is the hand-written service worker, with a caching rule for each kind of file: pages go to the network first, bottle photos already seen are kept for 30 days, and checkout never enters the cache. Once installed, the catalog, the filters and the cart work without a connection.

The 44 labels, the tasting notes and the prices come from the official store’s public pages, with the update date shown in the store. The project has 61 unit tests and 43 end-to-end tests, passes axe on 8 pages, and scores 85 for performance and 100 for accessibility and best practices in Lighthouse’s mobile run.

If I did it again, I would render the HTML at build time. Today the first screen waits for JavaScript, and LCP is around 4 seconds on slow 4G.