Maison Crema
A glass latte floats down the page, then lands on a podium as ice falls and milk and caramel splash, in four visible steps.
Concept project by i2build. Concept specialty coffee website.
The opening scene. Rendered from code.
Step three: the ice falls. Rendered from code.
About this project
Maison Crema is a fictional specialty coffee house, designed and built by i2build to show how a coffee brand can feel premium on the web.
The cup, the splashes, the ice, the beans and every picture are generated from code, so the site needs no photography.
What it includes
- A scroll-driven 3D latte that follows the page with weight: it leans into its movement and the drink sloshes
- A pinned scene in four steps (Pour, Splash, Chill, Finish) where ice cubes fall from the top of the screen and bounce to rest
- A bento collection, a tabbed menu, opening hours that highlight today, a table reservation form and a working bag (a concept: no payment is taken)
- The 3D lowers its own quality on slow devices, and the site respects reduced-motion settings
Built with
React, Three.js, Framer Motion, Lenis, Vite
Related services
Web design and development
Describe your idea and we build it: a fast, secure, good-looking website made for your business, not a recycle…
SEO services
Search engine optimisation is a craft, not a trick. We fix what stops Google from understanding your site, bui…
Digital marketing
A good website is only the start. We plan and run the channels that bring in the right visitors, and we measur…