AboutServicesProjectsContact
  • 3D
  • MOTION-DESIGN
  • BRANDING
  • E-COMMERCE

Liquid Gold

Liquid Gold

Identity for a luxury cosmetics brand built around colloidal gold. Fluid renders in Houdini, heavy splash simulations and a minimal site that lets the work breathe. Each stone/liquid pair supports one note of the fragrance.

This case study went into production combining art direction, UX/UI design, motion design and creative development in a single pipeline. The goal: make navigating the product feel like a small cinematic experience, not another catalogue.

Tech stack: React, Three.js, GSAP + ScrollTrigger, custom GLSL shaders and Lenis for smooth scroll. 3D models compressed with DRACO and textures in KTX2 to hold 60 fps on mid-range mobile.

Phase 1

Concept

Workshops with the client, visual reference exploration, defining the narrative rhythm and the scroll-driven beats.

Phase 2

Design

Figma mockups with a component system, variable type, an oklch-based palette and a full motion specification.

Phase 3

Build

React + Three.js implementation, asset optimisation, headless CMS integration, cross-device QA and a documented handoff.

Work with JMWEB

Let's build something with personality.

It all starts with a conversation. Bring a brief, a reference, a half-baked idea — I'll take it from there.

Start a project

Next projects:

Crafted with

Adobe IllustratorAdobe PhotoshopAfter EffectsChromeAppleBlenderVS CodeFigmaThree.jsGSAPJavaScriptTypeScriptReactNext.jsStrapiShopifyMercedesSpotifyAdobe IllustratorAdobe PhotoshopAfter EffectsChromeAppleBlenderVS CodeFigmaThree.jsGSAPJavaScriptTypeScriptReactNext.jsStrapiShopifyMercedesSpotify
hola@jmwebsoluciones.com