The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
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.
Role: Design, development, motion (GSAP), deployment
Tools / tags: Web Design, Web Development, GSAP, ScrollTrigger, Responsive Design, Performance, Vercel
Link: https://k2-kuca-kafe.vercel.app
99 on Lighthouse mobile for a scroll-driven site is impressive. The roasting beans idea is a fun hook.
Pinned roast from green bean to 210C with warming background is a scroll story that fits a roastery. 99 mobile Lighthouse with GSAP on first interaction is serious work for a café site.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
My feed on X is full of impressive motion videos made with Claude, so I decided to try Opus 5.5 for the FTCG project. I asked it to create a dynamic video inspired by the FTCG game. The initial prompt was incredibly simple, and it took only an hour or two of experimentation to refine the result and add sound as the finishing touch. Not bad at all.
turning the actual landing page into a promo is a cool idea. did Claude handle the rendering too, or did you export it through another tool?
The product flow stays clear across the web and motion elements.
I can’t stop obsessing over details
Some might call these designs boring.
Fair enough.
They’re not gimmicky.
...and I’m not adding things just to make the page look busier.
I care more about whether people understand your offer and have a reason to choose you.
After 7+ years in design
We’ve systemised how we
write
design
build
websites for conversion.
More enquiries.
Not just a better-looking website.
Is your website getting traffic, but not enough enquiries?
5 voted
45%
6 voted
55%
11 votes
Closed
