Birra Tirana

A new website for Birra Tirana, the brewery founded in Tirana in 1960: nine pages in place of 23, a design system of its own, and the brewing told in one scroll.

Birra Tirana

2026

UI/UX Design, Web Design

Before: 23 pagesNow: 9 pagesHistoriaImage animation testtest historikuHistorikuVlerat dhe KauzatProduktetOnline ShopSi prodhohetPërbërësitSi shërbehetSi shijohetDistributorëtLajmeBlogAktiviteteMediaKarrieraPi PërgjegjshëmKontaktShpreh OpinioninFAQRezervo VizitënTuri në FabrikëKreuHistoriaProduktetBirra jonëDistributorëtLajmeKarrieraPi me përgjegjësiKontakt
Every page of the old site and the page it became. The site is in Albanian.

Look

Before

Romic Std and Open Sans, bottle green and label gold, and links in a stock blue.

Now

The two typefaces and the two colours stay. Around them Tech Fly set a scale of greens from the cellar to the bottle, the golds of the label, pilsner amber and the red of Kuqalashe, and the buttons, filters and data labels every page uses, all written down in a design system.

The colours of the Birra Tirana design system: greens from the cellar to the bottle, golds from the label, pilsner amber and the red of Kuqalashe
The type of the design system: Romic Std Bold and Light with Open Sans, and the alphabet with Albanian letters
Components of the design system: buttons, filters and the data label used on the product cards

Home

Before

The home page was the history page under another name, with six image tiles and the latest news.

Now

It opens on the bottle in front of the word TIRANA in gold. Further down are four figures (since 1960, 29,000 bottles an hour on the line, 44 towns, 90% spring water from Selita), the range, the ingredients, the history, a town search and the latest news.

The home page: a line about celebrating together, and four figures: 1960, 29,000 bottles an hour, 44 towns, 90% spring water
The range on the home page: eight pack formats, each with its data

Products

Before

Eight pack formats, each with a spec sheet.

Now

The same eight, filtered by glass, can, PET or keg. Each card carries its alcohol, colour, shelf life and packing as a small label of data.

The products page filtered to cans: two cards with alcohol, colour, shelf life and packing

Our beer

Before

Four pages: how it is brewed, the ingredients, how to serve it, how to taste it.

Now

One page. The four ingredients come first. The ten brewing steps then move sideways as the visitor scrolls, while a glass beside them fills with beer. Serving and tasting close the page.

The four ingredients: barley malt, hops, yeast and water from Selita
The brewing steps scrolling sideways, at fermentation and maturing, with a glass half full of beer
The brewing steps further on, at filtering and filling, with the glass nearly full

History

Before

The history and the values on two separate pages.

Now

One page: a timeline from the first brewery in 1960 to joining Hysenbelliu Group in 2020, then the five things the company works for.

The history page: a timeline that starts with the first brewery in 1960

Distributors

Before

39 distributors behind 44 buttons, one for each town.

Now

A map of Albania and Kosovo with a point for each, and one search field. A few letters of a town narrow the list to its distributors, each with a phone number.

The distributors page: a map of Albania and Kosovo with a point for each distributor, and the list beside it
The distributor search with the first letters of Durrës typed, narrowed to one distributor with its phone number

News

Before

Blog, Aktivitete and Media as three pages, and 34 posts, some of them published twice.

Now

17 stories on one page, with filters for news, activities, sponsorships, products and the blog.

The news page with filters for news, activities, sponsorships, products and the blog

Age gate

Before

A small pop-up asked for the visitor's age, and No sent them to Google.

Now

A gate in the site's own green glass. No leads to a page of ten tips for drinking responsibly.

The page on drinking responsibly: ten tips

On a phone

Before

Pinch-zoom was switched off.

Now

Every page comes down to one column, and the menu opens over the whole screen. Zooming works again.

Three phone screens: the full-screen menu, the distributor search and the age gate
Three phone screens: the range, the ingredients and the history

The new site is live at birratirana.com.

NEXT PROJECT

Consilîum

Branding, UI/UX Design, Video, Web Design