A water brand, built to sell everywhere.

We built a headless store on Next.js and Shopify: packs of 6, 12 and 24, one-time purchase or subscription with its own delivery frequency, and a cart that stays fast on any phone.

The design is Rik Bracho's and the photography Mariana García's. We made every screen of it work, in Spanish and English.

Every pack is an isometric illustration we animated in code: choose 6, 12 or 24 and the bottles drop into a new box, in the color of the flavor. This is the real one, try it.

Each flavor lives in Shopify as content, not code. Pick Orange Blend and the whole site follows: palette, copy, hero, cart, share image and even the favicon.

A new flavor added in Shopify shows up on the site without a single deploy.

Lyto handed us the bottle's 3D model. We optimized it, from 13 MB to 465 KB, and brought it to the site as a real three.js object, in the flavor's colors with the label printed on it.

Later, to load faster, we rendered that same model into a turn that plays as a video: the same bottle, with no 3D engine on the page.

Every customer belongs to a price group with its own tiers and shipping. When a business checks out, the cart becomes a Shopify order at their price, and they can pay with their credit line.

The team runs all of it from a back office of its own: customers, price groups, credit and applications.