K2 Kuća kafe: a scroll-driven website for a café with its own roastery
A warm, editorial one-page site where a coffee bean roasts as you scroll, built mobile first and scoring 99 on Lighthouse mobile.
K2 Kuća kafe is a café and roastery in Teslić, Bosnia and Herzegovina. Their story is simple and strong: they roast their own coffee on site. I designed and built a one-page website around that story.
Scroll story "From bean to cup": a pinned section where the bean changes colour from green to dark roast, the background warms up and the temperature climbs from 20°C to 210°C, then to the espresso and the cup.
Mobile first: one-tap call button, a live "open now" status calculated in local time, menu tabs, horizontal photo album and a Google Maps link.
Design: Fraunces + Manrope, cream and espresso tones, polaroid-style photography, a bento offer grid and a menu that reads like a café board.
Performance: static site with self-hosted fonts, responsive WebP images and GSAP loaded on first interaction. Lighthouse on the live site: 99 performance (mobile), 100 accessibility, 100 best practices, 100 SEO.
A dynamic online store optimized for discovery and interaction, featuring a real-time live search interface and a streamlined checkout mockup for seamless navigation from cart to completion.