Cumbre
Sample landing for a specialty coffee roaster. 3D coffee beans falling in the hero, a live-priced subscription builder and warm editorial design — so the visitor wants to subscribe before the footer.
The challenge
Specialty coffee competes against shelf brands with huge budgets. The difference is sold with story and feel, not discounts. The challenge of this sample: convey freshness, craft and altitude in the first three seconds.
The solution
A hero with 3D-modeled coffee beans (Three.js) falling and spinning in warm light, editorial serif type and a real subscription builder: pick origin, grind, frequency and quantity, and the monthly price recalculates live, with a working cart. Origins with cupping scores and a three-step process complete the journey, with on-scroll animations.
The result
A piece that feels premium and alive: the 3D adds depth without heavy photos, the configurator converts and everything works on mobile. It shows the level of design, interaction and code we ship — 3D and micro-interactions included — in a single landing.
Stack
Cumbre is a sample piece: a fictional specialty-coffee brand built to show what an Essential-plan landing can do. No real client behind it, but the same rigor in design, performance and code we apply to every project.
