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

Visit live project Explore the details

Client / Project: K2 Kuća kafe
Focus: Website / UX/UI Design
Location: Teslić, Bosnia and Herzegovina

Project overview

A focused digital project built for clarity, trust and action.

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.

The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.

A closer look

The details behind the experience.

Open any image for a full-screen preview.

K2 Kuća kafe — design detail 1 — 01 / K2 Kuća kafe

K2 Kuća kafe — design detail 2 — 02 / K2 Kuća kafe

Case study

Coffee we roast ourselves.

Client: K2 Kuća kafe
Location: Teslić, Bosnia and Herzegovina
Website: Visit live site

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.

Trust and performance signals

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.

The thinking behind the work

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.

How it works

A clear process from the first step to the result.

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

The visual system behind the project.

Brand system

Deliverables

What was included in the build.

Website

UX/UI Design

GSAP motion

Menu & hours

Instagram content

Build something similar

Need a website, web app or redesign with this level of clarity?

Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.

Contact Panic Digital