☕
Story-driven hero
Parallax-driven hero that shifts the cup, the steam and the headline at independent speeds.
Portfolio Website
Coffee House Portfolio
An aroma you can almost taste through the screen.
Overview
A boutique coffee roastery needed an online presence that matched the warmth of their physical shop. The brief: tell the story, sell the beans, take reservations.
We built a fully responsive single-page experience around the brand's deep browns and gold accents. Every section breathes — type sets large, images crop wide, and scroll-driven animations pace the visit like a slow pour-over.
Challenges
- 1
Translate the in-store sensory feel into a 60fps web experience without bloating the bundle.
- 2
Keep imagery rich on mobile while staying under a 1s LCP budget.
- 3
Make the menu and reservation flow editable by a team that does not write code.
What was built
📜
Editable menu
Beans, brews and pastries are pulled from a CMS the staff already use for their daily specials.
📅
Reservation form
Tap-friendly date and time picker with instant confirmation by email.
📍
Find us map
Lazy-loaded interactive map with the shop hours, phone number and walking directions.
Tech stack
Next.js 16React 19Tailwind CSS v4GSAP + ScrollTriggerFramer MotionResend (email)
Results
98 / 100
Lighthouse
+62%
Online reservations
-31%
Bounce rate
Gallery
Have a project in mind?
I help small teams ship polished, performant web products. Tell me what you are building.