- PHOTOGRAPHY
- E-COMMERCE
- MOTION-DESIGN
- UX
- UI
- +1
Cumbres
Landing page + e-commerce for an alpine gear brand. Photo shoot on a real glacier, a 3D harness configurator, and a scrollytelling story about the first rope teams. Built with Next.js + Three.js so the kit can be seen, rotated and weighed.
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:
Sweet Studio
Visual identity + e-commerce for a boutique patisserie. Product-by-product 3D renders in Blender, a pastel palette over a black background, and a checkout that dodges the usual friction in food DTC. A lot of care in the art direction.
Prism Core
Brand concept for an on-chain trading platform. The holographic gem rotates in WebGL with real chromatic dispersion (genuine refraction indices, not faked) and the circuit ring reacts to the cursor. Three.js + custom GLSL shaders.
Pour Sessions
Art direction + photography for a studio that paints with ink and milk on canvas. Brand capsule with an editorial site, macro videos at 240 fps of every splash, and a print shop. Spoiler: it smelled better than it looks.
Pitch
Launch of a football boot collection with a broken CMYK palette. Cleat modelled and rendered in Cinema 4D + Redshift, a stadium environment with a procedural storm, and product pages that retint themselves to match the selected team.
Crafted with
