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 bento system designed to make a SaaS product feel tangible.
I wanted each card to do more than display a feature — it needed to show the experience.
So I designed a collection of interactive-looking product cards around:
→ Integrations
→ Payments & insights
→ Customer support
→ Global payments
→ Real-time tracking
The visual direction combines minimal layouts, soft green accents, dashboard UI, subtle gradients and strong typography to create a modern fintech/SaaS feel.
The goal was simple:
Make the product feel useful before the user even clicks anything.
I'm currently open to UI/UX, Product Design and freelance opportunities.
If you're building a SaaS, fintech, Web3 or Web2 product and need a designer who can turn ideas into polished interfaces, let's work.