Skip to content
Studios Xenia

Vendimara

Boutique winery

A grape cluster whose lower grapes turn into a wave: coastal wine.

#5c1a2e#b08d57#f3ecdf

Typefaces: Libre Baskerville · Raleway

Logo of Vendimara

The brief

A boutique winery sells both the wine and the experience. The grape cluster turning into a wave says "coastal wine" without words; burgundy and old gold set the tone of a carefully made label, and the website brings store, club and visits together.

The brand in use

Vendimara: stationery and packaging Vendimara: large-scale application Vendimara: brand packaging

Project sheet

IndustryBoutique winery · Food and drink
PromiseSmall-lot wines, with a subscription club.
HighlightsSmall lots · Wine club · Home delivery
Call to action«See the wines»
WebsiteOnline store with the headline «Coastal wines, bottle by bottle»
Services shownBrand identity · Web design · Social media and content · Automation · Apps and software
Measured contrastText 10.9:1 · button 4.6:1 (the WCAG minimum is 4.5:1)
Vendimara: website on laptop and phone

Website · Online store

Coastal wines, bottle by bottle

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

  • 5,1 KB HTML and CSS
  • 0 JavaScript libraries
  • 5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#f3ecdf;
  --tinta:#5c1a2e;
  --acento:#b69664;
  --tinta-boton:#5c1a2e;
  --oscuro:#5c1a2e;
  --sobre-foto:#ffffff;
  --titulo:'Libre Baskerville',Georgia,serif;
  --letra:'Raleway',system-ui,sans-serif;
  --radio:4px;
}

The main button sends the customer to one next step:

App or software

Wine club app with monthly selections and tasting notes.

One screen for the customer and another for the team running the service, sharing the same brand system.

Vendimara: app on tablet and phone

Automation

What happens when a customer arrives

  1. A customer subscribes or renews
  2. Payment is taken and the month's order is created
  3. A shipping or access notice is sent
  4. Before it expires, a renewal message goes out
Vendimara: social media profile

Run a business like this one? See what your website needs.

Tell us what you sell and where it gets stuck.

We'll reply with what we'd do, what it costs and how long it takes.