Köstritzer China

Brand website for China
UX/UI Website DesignBuilt for the Chinese market
koestritzer.cn home page: It's all about taste, the bottles and three campaign tiles

Overview

A German black beer, introduced to China

Köstritzer Schwarzbier has been brewed in Bad Köstritz, Thuringia, since 1543, and has been Germany’s best-selling black beer since 1995. To launch it in China, the brewery needed a website that introduced the beer, the brewery and its history to people meeting it for the first time, in English and Chinese. I designed every page of koestritzer.cn.

15Page designs,
one shared frame
7Main sections
in the navigation
13Chapters of history,
1543 to 2011
2Languages:
English, Chinese
18+Age gate
before entry

My Responsibilities

Lead designer

From the age gate to the notice board, every page of the site.

Information architecture

Seven sections with their own sub navigation, held in one page frame that fits every kind of content.

Age gate

A welcome that explains responsible drinking and asks for the visitor’s age before the site opens.

Visual language

Black ground, Köstritzer red and the faceted red of the bottle label, carried across every page.

History timeline

Thirteen chapters from 1543 to 2011, each with a picture from the archive, stepped through on one page.

UX/UI design

Home, brewery, products, activities, brand world, press and notice board, fifteen page designs in all.

Client presentation

The layouts presented page by page, with the history timeline shown chapter by chapter.

Welcome and Home

An age gate, then the brand

Every visit starts at an age gate in the brand’s own voice: the brewery explains its commitment to responsible drinking and asks visitors to confirm their age. Behind it, the home page leads with the claim It’s all about taste, the bottles, and three tiles that change with each campaign.

Age gate: Welcome to Köstritzer, with Yes and No

Welcome, the age gate

Home page

Home page

The Brewery

History, brewing and the brewery tour

The brewery carries the story. History runs as a timeline from the first record in 1543 to the new bottle of 2011, thirteen chapters, each with a picture from the archive. Brewing Process and Brewery Tour take visitors from the brewhouse to the bottling plants.

History timeline, 1543

1543, first mentioned in records

History timeline, 1558

1558, the founding of Jena University

History timeline, 1875

1875, Rudolf Zersch builds the new brewery

History timeline, 1948

1948, the brewery becomes public property

History timeline, 1993

1993, the relaunch across Germany

History timeline, 2011

2011, the new bottle

Brewing process page with the brand film

Brewing process

Brewery tour page with the stations of the brewery

Brewery tour

Products and Brand World

The beer, the film and the spot

One product page gives the Schwarzbier’s character, alcohol content and nutrition in a single screen. Brand World holds the brand film about the brewing process and the TV spot set in a music club, each played from the page.

Products page, Köstritzer black beer

Products

Brand World, brand movie

Brand movie

Brand World, TV spot

TV spot

Activities

Culture and sport

In Germany Köstritzer is known for backing music and sport, from the ECHO music award to its own newcomer band competition. Both pages pair a video with the story.

Activities, culture page

Culture

Activities, sport page

Sport

Press and Notice Board

News, company and contact

Press carries the company portrait and current releases. The notice board holds the contact form, the newsletter sign-up and the brewery’s statement on responsible drinking.

Press, corporate portrait

Corporate portrait

Press, current press releases

Press releases

Notice board, contact form

Contact

Notice board, newsletter sign-up

Newsletter

Notice board, responsibility statement

Responsibility

Built for China

English and Chinese, Weibo built in

Every page carries a 中文 and EN switch, and the site ran in both languages from launch. The foot of each page holds three campaign tiles, with Köstritzer on Weibo, the Chinese social network, next to the new bottle and the brand film.

Site header with the 中文 and EN language switch

Header with the 中文 and EN switch

Campaign tiles: the new bottle, Köstritzer on Weibo and the brand film

Campaign tiles: the new bottle, Weibo and the brand film

Sitemap

One site, seven sections

Behind the age gate, seven sections in the main navigation, each with its own sub navigation, and every page in English and Chinese.

koestritzer.cn  ·  the age gate
Brewery
  • History
  • Brewing process
  • Brewery tour
Products
  • Köstritzer Schwarzbier
Activities
  • Culture
  • Sport
Brand World
  • Brand movie
  • TV spot
Press
  • News
  • Corporate portrait
Notice Board
  • Newsletter
  • Contact
  • Responsibility

What Köstritzer gained

Outcomes of the launch

A home in China for a beer with almost five centuries of history, telling its story to people meeting it for the first time.

A home in China

koestritzer.cn was live by November 2013, in English and Chinese, with every section of the brand.

Its history in thirteen steps

A timeline from the first record in 1543 to the new bottle of 2011, each step with a picture from the archive.

Responsible from the first screen

An age gate and a statement on responsible drinking, the standards a beer brand is held to.

Close to Chinese social media

A Köstritzer on Weibo tile on every page, next to the current campaign.

Built to last

The site stayed online with this design into 2016, about three years.

koestritzer.cn

Thank you!

Have a project in mind?

Let's
talk