Léo Yiğit Ekiz

Personal website

Isabel Ferran Batlló

A wine scientist's site in four languages, where a soil chromatogram is also a glass of wine seen from above.

For
Isabel Ferran Batlló, wine scientist in Thuir, Catalan Roussillon
Year
2026
My part
Research, design and development
Languages
Catalan, English, French, Italian
Pages
74
Address
Launching soon

The brief

Isabel works between the laboratory and the vineyard: pharmacy and microbiology first, then quality control, then a master's in viticulture and oenology in Montpellier and Udine. From Thuir, in the Roussillon, she brings that science to everyone who makes, sells and loves wine. Her site had to speak to estates and wine shops as clearly as to someone booking a tasting, in Catalan, English, French and Italian.

The idea

Look closely, the way she does. The homepage opens on a chromatogram, the round print a drop of soil leaves on filter paper, drawn live; it also reads as a glass seen from above. Yeast drifts under a microscope lens, a glass of vin doux naturel ages from grenat to rancio as you scroll, and the header carries the time, the weather and the Tramontane blowing over Thuir.

Moments

3 to try on the site
  1. 01Grenat, tuilé, ambré, rancioRoussillon's sweet wines tell their age by their colour. Scroll, and the glass ages.
  2. Four ways of looking at one wine, on dark grey, beside yeast cells drifting in a round microscope view
    02Under the lensFrom the lab to the glass, step by step, with yeast lees drifting under the lens.
  3. A drawn map of the Roussillon with nine places marked, Thuir and Les Aspres described beside it
    03Nine places, one vineyardA drawn map of the Roussillon; hover or tap a place to read about it.

Pages

Desktop, 1440 × 900
  • Three doors into wine: photographs of barrels and a glass, cut into arches
    Three doors into wine.
  • Notes from the lab and the vines: a list of articles with dates and topics
    A journal: science without jargon, tastings, a year in the vineyard.
  • Quality, science and clear advice for wine businesses, above a photograph of barrels in an arch
    For estates, wine shops and restaurants.
  • Roussillon, France's southernmost vineyard, above a photograph of the landscape
    The Roussillon, the place itself.
  • Shall we taste together? in white italics on wine red, with a round Get in touch button
    “Shall we taste together?”

On the phone

390 × 844
  • The homepage on a phone in Catalan: Treballem plegats
    Català
  • The homepage on a phone in English: Work with me
    English
  • The homepage on a phone in French: Travaillons ensemble
    Français
  • The homepage on a phone in Italian: Lavoriamo insieme
    Italiano

Under the hood

Full-stack, front to server
  • Its own generator

    A small static site generator in Python writes all 74 pages, in four languages, from one set of content files.

  • Drawn in the browser

    The chromatogram and the yeast are generated on canvas from a seeded random, so they look the same on every visit.

  • Live weather over Thuir

    The header reads the temperature and the wind from Open-Meteo, and streaks across one section follow the real wind.

  • Found in four languages

    Canonical and hreflang links, Open Graph, structured data for the person and every article, and a share image made for every page in every language.

  • Private until launch

    The whole site sits behind a password page checked on the server; shared links still show their preview.

  • A storyboard first

    Before the build, a brand storyboard for Isabel, to agree on the look together.

  • Python
  • HTML, CSS, JavaScript
  • GSAP
  • Canvas
  • Open-Meteo
  • Netlify Edge Functions
Research, design and development
Léo Yiğit Ekiz

Launching soon