AboutServicesProjectsContact
  • 3D
  • TYPE-DESIGN
  • MOTION-DESIGN
  • PRINT
  • +1

Strata

Strata

Type + sculpting exploration: a three-leaf logo reinterpreted as mustard-coloured geology. Digital carving in ZBrush, displacement maps from real Sahara photographs, rendered in Octane. The piece ships as both wallpaper and print.

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