Project 08 Published

Gelateria Barbera LaB Ingredients & Allergens

Flavour, ingredients and allergens without ambiguity

Stracciatella gelato from the LaB ingredient and allergen catalog
Multilingual ingredient catalog 08
Ingredient catalog
Project snapshot

A four-language visual gelato catalog that gives every flavour a clear ingredient list, allergen information and recognisable image.

My role
Catalog architecture, design and development
Platform
Multilingual ingredient catalog
Status
Published

01 / Challenge

The task

Customers need to understand flavours quickly, but ingredient and allergen details cannot become an afterthought. The interface had to remain appetising, legible and consistent across Italian, English, Chinese and French.

02 / Process

How I built it

  1. 01

    I structured flavours as reusable catalog entries with translated names, ingredients and allergen information.

  2. 02

    I paired the data with a consistent image set so visitors can recognise each gelato before opening the details.

  3. 03

    I designed compact language and browsing controls for fast use at the counter on a phone.

03 / Decisions

What matters

01

Safety in the data model

Ingredients and allergens are explicit structured fields rather than unstructured notes hidden in descriptions.

02

Four-language parity

The catalog keeps the same flavour structure in Italian, English, Chinese and French.

03

Counter-speed interface

Large imagery and concise details support quick decisions while a customer is ordering.

04 / Interface

In use

A closer look at the visual system and the product at real screen sizes.

Gelateria Barbera LaB desktop interface shown in a browser
Desktop experience
Gelateria Barbera LaB mobile interface shown at phone width
Mobile experience

05 / Result

Where it landed

The resulting LaB catalog presents the full range as a coherent visual collection while making important ingredient information easy to reach.

Stack and systems

  • Astro
  • TypeScript
  • Multilingual routing
  • Structured catalog data
  • Responsive images
Open LaB Catalog