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.
Thanks a lot, Rafee! Glad you liked the roasting bean idea. I put in the work every day, so comments like this keep me going.
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.
Thank you so much, Noel! I really appreciate it. I work hard every day to get better at this, so it means a lot.
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
Looks great! What about readability though?
Text seems low contrast to me. Although I have a poor vision and most things seem too small and low contrast to me.
🎨 Brand and web design for Nura, the AI tool for real estate
See Case Study here
Amazing work
Amazing work