An elegant, fully responsive website for a winery brand
The goal was a calm, atmospheric and premium feel that reflects the quiet, craft nature of winemaking. A clean minimal layout combined with smooth, meaningful animations that support the content.
Animation & interaction:
Hero: opens with a parallax scroll effect for depth and an immersive first impression
Scroll reveals: smooth, staggered cascade
Desktop: blocks appear in an alternating up/down rhythm
Mobile: blocks slide in left-to-right with a 0.2s stagger for better readability
Products: images appear in a bottom-up cascade; smooth zoom on hover
Process (4 stages): blocks enter with a subtle bounce, conveying a "completed step"
Final scene: a twilight landscape with a stone estate in the mountains — a shooting star glides across the sky and fades behind the peaks while the lighting softly flickers. Designed to evoke calm and a quiet connection with nature
Responsive logic: fully adapted for desktop, tablet and mobile, with animation tuned per screen to keep the brand feel consistent.
The result: an elegant, atmospheric site where motion, layout and content tell one story.
I think this could be my favorite Framer code component I’ve created. Meet Page Transition Studio, you can add animated transitions between pages across 10 styles. My favorites are vertical strips and centre split. What’s yours? Check the live preview here
September was a good month:
> crossed $10k+ in revenue on Contra
> shipped 3 projects: landing page, brand design, website
> went fully independent as a designer
> got referred to a big client by another designer
Now opening 2 spots for October.