Leaf Nest Matcha Brand E-commerce Site Design
Naima Jordan
Build for Leaf Nest — a matcha brand blending e-commerce with an in-person cafe experience
no plugins, just native interactions and animation.
The site opens with a bold hero section pairing oversized editorial type against a violet gradient, with a floating matcha scoop and ceramic mug bringing texture and motion to the first scroll.
A sticky pill-shaped nav keeps navigation lightweight and always accessible. From there, the page shifts tone into a Ceremonial Matcha section — warm, moody, and story-driven — before rotated-text divider bands guide visitors through taste and CTA moments with a consistent rhythm.
The build closes with a native ecommerce menu, letting users browse and order without leaving the Framer environment
Like this project
Posted Jul 9, 2026
Developed an interactive e-commerce site for Leaf Nest's matcha brand. Bold design with native ecommerce & in-app ordering flow built entirely in Framer.
Likes
1
Views
0
