AboutServicesProjectsContact

See the full portfolio

*best on desktop

A walkthrough of branding, ads, web and identity work — unfiltered, with the context of each client.

Open portfolio

Creative development

Ideas are easy.

Concept
Build
Execution

Ideas are easy. Execution isn't. I connect concept and code so the thing you imagined actually survives the build.

What being a creative developer means

A creative developer is someone who crosses the line between design and code. They don't just implement mockups: they push the idea, propose technical solutions, prototype in the browser and defend the details that make an experience stand out.

Stack

JavaScript / TypeScript, React, Next.js, Three.js, GSAP, ScrollTrigger, WebGL, GLSL shaders, Lenis, Framer Motion, Tailwind. Tools that turn concepts into performant, cross-platform experiences.

When you need one

When the brief asks for something templates can't solve. Product launches, campaign sites, editorial scrollytelling, in-browser 3D experiences or anything that needs a creative vision translated into pixels in motion.

Deliverables

Production sites and prototypes, headless CMS integrations, animations, performance optimisation and full handoff with technical documentation.

Tools & technologies

Operating locations

Studio in Madrid

Based in Madrid, working remotely with brands, studios and agencies inside and outside Spain.

Madrid
Barcelona
Valencia
Sevilla
Bilbao
Málaga
Lisboa
Porto
París
Berlín
Londres
Roma

Info graphic

Decision flow

Every experience is a series of small chained decisions. The job is to remove the ones that cost attention and reinforce the ones that build momentum.

Info graphic

Friction map

Every pause, hesitation or dead end compounds. The goal is to clear those moments before they start weighing on the experience.

Info graphic

Journey shape

A flow should feel guided, not forced — with the right amount of resistance in the right places.

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:

Cumbres
PHOTOGRAPHYE-COMMERCEMOTION-DESIGNUX

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.

View project
Sweet Studio
3DMOTION-DESIGNBRANDINGE-COMMERCE

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.

View project
Prism Core
3DCREATIVE-CODINGMOTION-DESIGNUX

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.

View project
Pour Sessions
PHOTOGRAPHYART-DIRECTIONMOTION-DESIGN

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.

View project
Pitch
3DMOTION-DESIGNUXUI

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.

View project
Liquid Gold
3DMOTION-DESIGNBRANDINGE-COMMERCE

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.

View project
Neo-Kyoto
MOTION-DESIGNUXUIILLUSTRATION

Neo-Kyoto

A fictional weather app for a cyberpunk retrospective piece. Each city generates its own animated poster with a neon palette, procedural rain and geometric type. Designed in Figma, rendered in WebGL.

View project
Yggdrasil
CREATIVE-CODING3DGENERATIVEMOTION-DESIGN

Yggdrasil

Generative visualisation of a neural tree: each branch is a synaptic connection calculated in real time. Interactive piece for an AI conference, with instancing in Three.js and particles that react to the room's ambient sound.

View project

There are +15 more projects in this portfolio.

View all projects →
hola@jmwebsoluciones.com