Gran Bar.

The care behind the counter.
Brought into a digital experience.

Visit the website ↗

PROJECT

Gran Bar · Tortona, Italy

MY ROLE

UX, web design and Webflow development

CONTEXT

The website for the coffee bar I run

The published homepage: products, atmosphere and a clear invitation to visit.

01 / THE CONTEXT

Know the business.
Shape its online presence.

Gran Bar is the coffee bar I run in Tortona, at the Oasi shopping centre. This project draws on a business I know from everyday experience behind the counter: its products, customers’ questions and daily rituals.

The website introduces breakfast, a selection of coffee to brew at home and the practical information needed to visit. The design goal is to bring discovery and useful information into the same experience.

THE DESIGN PRINCIPLE

Make people want a coffee break.
Make it clear where to find it.

02 / DESIGN DECISIONS

Three journeys.
One identity.

Products draw attention. Structure helps visitors choose what to explore and how to find the coffee bar.

[ 01 ]

Start with what people need

Breakfast, the coffee shop and visiting the bar are distinct journeys, visible from the homepage. Opening hours, location and contact information support navigation.

[ 02 ]

Give products room to stand out

Cutout photography and generous image sizes put coffee and pastries first. Cream and dark green connect the different sections.

[ 03 ]

Reveal detail when it is needed

Ingredients and coffee information can be explored on demand. The main page stays focused, with the detail close to each product.

Gran Bar — breakfast selection and ingredient information

01 / BREAKFASTProduct-led photography with ingredient details accessible from each card.

FROM INTRODUCTION TO DETAIL

A clear selection.
One detail at a time.

The coffee shop groups the selection into everyday coffee, single origins and specialty coffee. Each card introduces a product; a dedicated control reveals its origin, tasting notes and preparation. The website presents the range and invites people to buy in store.

02 / THE COFFEE SHOPA dedicated journey through blends, single origins and specialty coffee, available in store.

03 / THE OUTCOME

A website that tells the story.
And supports an in-person visit.

The published website brings together the business story, product selection and practical information. Text and image interactions give the presentation rhythm, while actions to call, write and find the bar stay easy to recognise.

Responsive websiteWebflow and product CMSIngredients on demandDedicated coffee shopOpening hours, map and contacts

Visit the website ↗

NEXT PROJECT / RESTAURANT