Your Tech Club
CASE STUDIES

Brand website with a 3D product experience for Bar-le-Duc

For Bar-le-Duc we built a custom brand website with a 3D product experience, a festival calendar, a store locator and a promotion with codes on the bottle.

Brand website with a 3D product experience for Bar-le-Duc

Deliverables

  • UX/UI design
  • Custom web development
  • 3D product experience
  • Promotion module with codes

Bar-le-Duc is a family business that sources mineral water from a spring on the Utrechtse Heuvelrug, a forested ridge in the middle of the Netherlands. The brand targets young people aged 16 to 28 and sells through supermarkets, not directly to consumers. Your Tech Club built the website, together with Crocodile Agency for brand and creative.

What needed to get better?

The old site didn't tell the brand story and didn't prompt visitors to do anything: the design was dated and clear next steps were missing. Because Bar-le-Duc sells through supermarkets, the new site mainly had to build preference for the brand and lead people to the shelf, not to a checkout.

Showing rather than telling

The heart of the brand is the spring, the journey the water makes and what happens to the bottle after use. That lends itself to images and interaction, not to a page of text. And the brand's mission, getting people to drink at least two litres of water a day, lends itself to something you can try for yourself.

The page about the bottle made from recycled plastic: a father and son in the gym share a bottle of Bar-le-Duc, with the Dutch heading "Onze fles van 100% gerecycled plastic" (Our bottle made from 100% recycled plastic).

What did we build?

3D product experience

Visitors view the products from every angle and explore the packaging up close. The recycling process is built as a visual journey, so the bottle's life cycle is shown rather than explained.

The homepage with the Dutch heading "Dorstig naar meer" (Thirsty for more), a video still of someone drinking and the buttons to the products and the brand story.

Festival calendar

For each event, the site shows the date, the location and further information, so the online calendar matches where the brand is offline: in the places where a young audience comes across it.

Store locator and hydration check

The store locator shows the nearest stockist based on postcode. The hydration check works out how much water someone needs per day, which is exactly what the two-litres-a-day mission is about.

Promotion with codes on the bottle

The Bar-le-Duc brand website on desktop.

Consumers scan the QR code on the bottle, enter the code on the site and see straight away whether they've won something. The platform checks whether a code is valid and hasn't been used before.

What did it deliver?

There was a campaign code under the cap of more than 1.5 million bottles in supermarkets. The promotion generated tens of thousands of entries and brought a large share of those participants to the website for the first time. What made it work was the instant feedback: no draw weeks later, but an answer right away, at the moment someone has the bottle in their hand.

What can the team do with it now?

The festival calendar, product information, articles and campaign pages are managed in the CMS. The site is multilingual and modular, so a new campaign fits onto the existing building blocks.

Questions or an intro call

Get in touch with us directly. We'll get back to you as soon as we can

Joey van VlietYassine SeghrouchniThe team at the officeYour message goes straight to our team in Amsterdam.

We'll get in touch as soon as we can.

Frequently asked questions

Who made the Bar-le-Duc website?

Your Tech Club. We did the UX/UI design and the development of the custom website, including the 3D product experience and the promotion module. Crocodile Agency handled brand and creative.

What did Your Tech Club build for Bar-le-Duc?

A custom brand website with a 3D product experience, a festival calendar, a store locator by postcode, a hydration check and a promotion in which consumers enter a code from the bottle.

What did the Bar-le-Duc promotion deliver?

Tens of thousands of entries. The campaign code was under the cap of more than 1.5 million bottles in supermarkets, and a large share of participants came to the website for the first time through the promotion.

How does a promotion with codes on packaging work?

Every pack gets a unique code. The consumer scans the QR code, enters the code on the campaign page and gets an answer straight away. The platform checks whether the code is valid and unused, and records the entry.

What is a store locator and when do you need one?

A store locator shows, based on postcode or location, where your products are sold. It's especially relevant for brands that sell through retail and don't run an online store themselves: the website then has to lead to the shelf rather than to a shopping basket.

Can a brand site be set up in several languages?

Yes. This site is set up for multiple languages, so the same structure and components are reused for each language. An extra language then needs a translation of the content, not a second website.