K2 Kuća kafe

A warm café and roastery website where a coffee bean roasts from 20° to 210° as you scroll.

WebsiteUX/UI DesignGSAP motionMenu & hoursInstagram content

Live-Projekt ansehen Details ansehen

Kunde / Projekt: K2 Kuća kafe
Fokus: Website / UX/UI Design
Standort: Teslić, Bosnia and Herzegovina

Projektüberblick

Ein fokussiertes Digitalprojekt für Klarheit, Vertrauen und Handlung.

K2 Kuća kafe roasts its own coffee in Teslić. The website tells that story in a pinned 'from bean to cup' sequence: the bean changes colour, temperature climbs and photos switch from green beans to the finished cup. Below it: the offer, a tabbed menu, a photo album, opening hours with a live 'open now' badge and one-tap calling.

Ziel war es, das Angebot verständlicher zu machen, die Arbeit mit mehr Kontext zu zeigen und den Weg vom ersten Eindruck bis zu Kontakt, Anfrage, Buchung oder Kaufentscheidung zu vereinfachen.

Im Detail

Die Details hinter dem Erlebnis.

Jedes Bild öffnet sich als Vollbild-Vorschau.

K2 Kuća kafe — Designdetail 1 — 01 / K2 Kuća kafe

K2 Kuća kafe — Designdetail 2 — 02 / K2 Kuća kafe

Case Study

Coffee we roast ourselves.

Kunde: K2 Kuća kafe
Standort: Teslić, Bosnia and Herzegovina
Website: Live-Website ansehen

A local café competes on atmosphere and on the fact that it roasts in-house. The site needed to feel as warm as the place, make the roastery the hero and answer the two questions guests actually ask: is it open, and how do I get there.

Vertrauen und Performance

20° → 210°

Roast on scroll

A pinned sequence follows the bean from green to espresso.

Live

Open-now badge

Opening hours read the current time and show today's status.

Mobile Lighthouse

100 for accessibility, best practices and SEO.

Die Überlegungen hinter dem Projekt

The brief

Make the roastery the reason to visit.

Cream, caramel and espresso tones with Fraunces italics give the site the feeling of a neighbourhood coffee house rather than a chain.

Delivered

Website plus content for social media.

Next to the website, the project included an Instagram set, a short reel and scroll recordings for presenting the site.

Tabbed menu without prices that go out of date.
Photo album with polaroid cards.
Mobile call button and map link always within reach.

So funktioniert es

Ein klarer Prozess vom ersten Schritt bis zum Ergebnis.

01
Bean
Everything starts with green coffee.
02
Roasting
Roasted in-house, which is why the street smells of coffee.
03
Espresso
Extracted to order at nine bar.
04
Cup
Served at the bar, on the terrace or to go.

Design-Assets

Das visuelle System hinter dem Projekt.

Brand system

Leistungen

Was im Projekt enthalten war.

Website

UX/UI Design

GSAP motion

Menu & hours

Instagram content

Etwas Ähnliches bauen

Sie brauchen eine Website, Web-App oder ein Redesign mit dieser Klarheit?

Schicken Sie eine kurze Nachricht zu Ihrem Unternehmen, Markt, Ihrer aktuellen Website und Ihrem Ziel. Panic Digital hilft bei Struktur, Design, Entwicklung und SEO-Grundlage für den nächsten Schritt.

Panic Digital kontaktieren