Birra Virgilius - Brand, UX & E-Commerce for an Italian Family Brewery

Overview

An independent, end-to-end engagement for a family-run craft brewery

When Italy went into lockdown in 2020, Birra Virgilius kept selling: the online store I had designed and built the year before was already live.

Birra Virgilius is a small craft brewery in Mantova, run by a family selling four beer lines through local bars, shops, and word of mouth. They had no digital presence beyond a Facebook page and needed one built from scratch: brand identity, product photography, and a website that could sell directly to consumers, not just describe the beer.

I worked as an independent consultant covering the full scope: competitive research, information architecture, wireframes, visual identity, photography, and the WordPress build itself. Because the site shipped with a working e-commerce checkout rather than a simple catalog page, it became the family's only sales channel once on-premise and retail sales stopped during the 2020 lockdowns.

Competitive benchmarking notes on Alibaba's checkout flow, listing positive and negative points

Research & Benchmarking

Learning from checkout flows before designing one

Before wireframing, I audited two very different commerce models: Atacadão, a Brazilian wholesale marketplace, for cart and quantity-based checkout patterns, and Alibaba, for how a much larger platform handles cross-border B2B purchases.

Alibaba's flow buried the purchase behind a "Contact Supplier" button, cluttered product pages with sample pricing and shipping details, and left me waiting days for a seller reply instead of completing a checkout. For a two-person brewery whose only real advantage over a big retailer was clarity and trust, that was a clear warning against what not to build. It's part of why the Virgilius store keeps one visible action per product, Add to basket, instead of routing customers through a sales conversation.

See the full benchmarking set

Screens and notes from the Atacadão and Alibaba audits.

Atacadão: Cart

Atacadão wholesale cart page with quantity selectors

Atacadão: Listing

Atacadão product listing showing bulk pricing tiers

Alibaba: Contact Supplier

Alibaba product page with a Contact Supplier button instead of direct checkout

Alibaba: Messaging Flow

Alibaba checkout flow buried behind supplier messaging

Payment Trust Notes

Notes on bank transfer as a trusted local payment method
Checkout user flow diagram: login, billing and shipping, order review, payment, and confirmation steps for the Birra Virgilius store

Information Architecture & User Flow

Mapping navigation, login, and a four-step checkout

Site Structure

The site organizes around Home, About Us, Our Beers, Store, Basket, and Contact. Our Beers branches into four product lines: Maya, Cappuccetto Rosso, Zanna Bianca, and Camaleontica, each with its own page for the beer's story, ingredients, bitterness (IBU), and food pairing.

Checkout & Account Flow

Flowchart of the e-commerce checkout and login/password recovery modules

Checkout runs Login → Billing & Shipping → Order Review → Payment → email confirmation, with a separate login module handling password recovery through an emailed one-time link. Keeping login as its own module, instead of a modal bolted onto checkout, meant returning customers could recover access without abandoning an order in progress.

Payment Method Trade-off

  1. Credit card only

    Discarded: faster to build, but Italian buyers on an unfamiliar small-brand site are less likely to trust a card form with no established payment brand behind it.

  2. (Chosen): Bank transfer and credit card, both wireframed as first-class checkout paths

    Selected: bonifico bancario is the payment method most Italian shoppers already trust for a small, local seller, so it needed the same design attention as the card flow, not a text note in the footer.

That decision mattered more than expected: once the brewery depended entirely on the online store in 2020, a checkout that only worked for card-comfortable customers would have shut out a large part of its existing, trust-based customer base.

Walk through the full checkout flow

Both checkout steps in detail, plus how they connect to the rest of the site.

Checkout: Step 1

Checkout flow, step 1 of 2: login and password recovery

Checkout: Step 2

Checkout flow, step 2 of 2: billing, shipping, order review, and payment

Checkout: Full Map

Full flowchart mapping checkout and login/password recovery modules

Home: Entry Points

User flow overview starting from the homepage

Full Site Overview

Full site navigation overview across all pages

Menu Structure

Navigation menu structure for the Our Beers section
Wireframes of the store grid and product detail page for a Virgilius beer bottle

Wireframes & Product Experience

Designing for a buyer who can't ask a shopkeeper in person

The store wireframe organizes the catalog by the four beer lines across two bottle sizes (33cl and 75cl), so returning customers can scan for a familiar label without relearning the grid each visit. Each product page surfaces the details a buyer would normally ask a shopkeeper, such as alcohol content, bitterness (IBU), ingredients, and serving temperature, directly next to the price and quantity selector, ahead of the "Add to basket" action.

Browse every wireframe

Basket, checkout, and both payment paths (card and bank transfer), screen by screen.

Checkout: Screen 1

Checkout wireframe, screen 1 of 3

Checkout: Screen 2

Checkout wireframe, screen 2 of 3

Checkout: Screen 3

Checkout wireframe, screen 3 of 3

Basket: Screen 1

Basket wireframe, screen 1 of 2

Basket: Screen 2

Basket wireframe, screen 2 of 2

Credit Card: Screen 1

Credit card payment wireframe, screen 1 of 3

Credit Card: Screen 2

Credit card payment wireframe, screen 2 of 3

Credit Card: Screen 3

Credit card payment wireframe, screen 3 of 3

Bank Transfer: Screen 1

Bank transfer payment wireframe, screen 1 of 2

Bank Transfer: Screen 2

Bank transfer payment wireframe, screen 2 of 2

Visual Identity & Photography

Brand narrative: I developed the "Birra da Favola" (Fairytale Beer) positioning, tying the brewery's artisanal process to Mantova's storytelling tradition as the birthplace of the poet Virgil.

Visual identity: a warm, amber-toned palette and typography built to read as premium and artisanal rather than mass-produced, applied consistently across the site, labels, and social content.

Photography: all product photography was shot and edited in-house, with lighting, composition, and styling built around each beer variety's character, since the brewery had no existing photo library to work from.

Build: a responsive, bilingual (Italian/English) WordPress site the family could update themselves, with e-commerce built in rather than bolted on afterward.

Product Photography

All four Virgilius beer bottles with condensation droplets, shot in close-up against a black mirrored surface

Every bottle shot in the lineup, on the labels and product pages, needed the same just-opened, ice-cold look, and the brewery had no budget for a professional photo studio or a stylist between shoots.

Home studio lightbox setup used to photograph all eight Virgilius bottle variants against a mirror

The condensation trick: instead of chilling and reshooting bottles as they dried between takes, I worked out a repeatable way to fake fresh condensation on camera, good enough to reuse across the full lineup in a single home studio session. I recorded how I did it so the technique wasn't a one-off:

The Pandemic Pivot

The site launched in 2019, before anyone involved knew why a working checkout would matter. When COVID-19 lockdowns closed the bars, restaurants, and local shops that Birra Virgilius depended on, in-person sales stopped almost overnight. The online store, already live and already handling real orders and both payment paths, became the family's main channel to keep selling direct to consumers through 2020.

It's a small case study by revenue size, but it's the one where the connection between a design decision and a family's income is the most direct and the easiest to point to.

Claudio Falavigna, Birra Virgilius's owner, and his wife serving customers at the brewery's market stand

Claudio Falavigna, the brewery's owner, and his wife at the Virgilius stand during an event in the city of Suzzara, Mantova, Italy.

Project Scope

2019-2020
Design, Build & Pandemic-Era Support
4 Lines
Beer Products, 2 Bottle Sizes Each
2 Paths
Bank Transfer & Credit Card Checkout
100%
In-House Product Photography

Deliverables

  • Competitive benchmarking against Atacadão and Alibaba checkout flows
  • Site map and user flow, including a login/password-recovery module
  • Wireframes for the store grid, product detail pages, and two checkout paths
  • Visual identity, brand narrative, and full product photography
  • Responsive, bilingual (IT/EN) WordPress build with integrated e-commerce
Final Virgilius advertising shot: all four beer bottles with condensation, under the tagline Una Birra da Favola
Four Virgilius beer bottles reflected on a mirrored surface

Full Case Study

Research, wireframes, visual identity, and before & after in detail

Open full view ↗