AboutServicesProjectsContact

I'm a visual artist based in Madrid. I work on branding, ads, identities, illustration and websites built as pieces — each project carries its own voice and rhythm.

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

Selected work

Cumbres
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.

View project
Sweet Studio
3d
motion-design
branding
e-commerce
+1

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
3d
creative-coding
motion-design
ux
ui

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
photography
art-direction
motion-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
3d
motion-design
ux
ui
sports

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
3d
motion-design
branding
e-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-design
ux
ui
illustration
+2

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-coding
3d
generative
motion-design
+1

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
Glacier Core
3d
motion-design
branding
creative-coding

Glacier Core

3D identity for a cloud infrastructure startup. The crystal structure — an organic wireframe on a cyan grid — is the hero of the entire site: it spins, breaks and reassembles itself between sections. Three.js + Lottie on hover.

View project
Rituals
3d
motion-design
branding
+1

Rituals

3D still life for a mineral-based skincare brand. Petal tones, organic geometry and an egg that acts as the focal point. Cinema 4D + Octane, retouched in Photoshop. The final site is pure scroll with heavy anchor stops.

View project
Light Studies
photography
color-theory
creative-coding
art-direction

Light Studies

Photo series + creative coding experiment on how light refracts through quartz prisms. Each studio shot has a WebGL twin: a loader fetches the prism model and reproduces the dispersion in real time.

View project
Temple Tea Co.
branding
e-commerce
ux
ui
art-direction
+3

Temple Tea Co.

Identity + packaging + e-commerce for a loose-leaf tea brand built around British heraldry. The crest's griffin was redrawn by hand, product photography in a mint + copper palette, and a custom Shopify store with a taster's preview.

View project
Core Reactor
3d
motion-design
game-design
creative-coding

Core Reactor

Sci-fi UI for an indie game: the final-boss HUD is this emerald held in an electromagnetic cage. Modelled in Blender, lightning shader in GLSL, integrated through React Three Fiber. Frame latency under 16 ms.

View project
Genesis
3d
creative-coding
motion-design
generative
+2

Genesis

Creative coding study on polyhedra that contain atoms. The piece loops between a physics simulation (inverted gravity) and pure editorial composition. Built with Three.js + GSAP — one of my technical favourites.

View project
Chromatic Fusion
art-direction
color-theory
print
creative-coding

Chromatic Fusion

Editorial poster series on the cosmic composition of light. Each nebula was generated with a particle system in Houdini and printed in A2 risograph. A companion site holds the interactive WebGL piece.

View project
Wild Crew
illustration
branding
character-design
print
+5

Wild Crew

Illustration + identity for a Bristol craft brewery. Three neighbourhood critters (the smoking rat, the singing badger and the tired-eyed possum) star on every can. Drawn by hand, vectorised in Illustrator.

View project
Distant Worlds
art-direction
concept-art
illustration
3d
+5

Distant Worlds

Concept art + matte painting for an indie sci-fi short: three pilgrims reach an orbiting temple just as the ship touches down. Photoshop composition over photographic plates, all backed by a 3D model of the temple.

View project
Santa Bernedette
branding
e-commerce
ux
ui
photography

Santa Bernedette

Identity for a coastal taco shack: a guacamole bowl, nachos and a hibiscus cooler against a dry sun. Photographic art direction + 70s lettering identity + an interactive menu. The palette is pulled straight from the avocado.

View project
EDC Kit
e-commerce
ux
ui
photography
branding

EDC Kit

E-commerce for an everyday-carry brand: an all-black watch, multitool, magnetic drivers and a bottle opener. Flat-lay product on black velvet, a 360° video per object and cross-sell purchase paths by category.

View project
Cosmic Singularity
motion-design
illustration
creative-coding
ux
ui

Cosmic Singularity

Interactive web comic about theoretical physics for non-physicists. Each panel carries its own interaction — black hole in WebGL, gravitational waves via SVG morph — and the reader unlocks each chapter by dragging a plasma ball.

View project
Strata
3d
type-design
motion-design
print
+1

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.

View project
FLUX
3d
game-design
art-direction
motion-design

FLUX

Worldbuilding for a AAA game: the central tower reacts to the player's rhythm and the crystal-ship orbits along a custom curve solver. Pipeline in Unreal Engine 5 + UI design in After Effects, integrated via Nanite.

View project
Constellation
creative-coding
machine-learning
3d
installation
+3

Constellation

Generative installation for a Berlin gallery: metallic polyhedra levitate according to the visitors in the room. Kinect sensors feed a TouchDesigner system that drives the choreography. Projected at 8K.

View project
Keepers
3d
motion-design
sports
e-commerce
ux
ui

Keepers

Rebrand + e-commerce for a goalkeeper-glove brand. Glove modelled in Blender (latex grain included), a site with a size configurator that uses a photo of your hand, and a slow-motion poster video for every model in the line.

View project
Kinetic Vector
motion-design
ux
ui
photography
branding

Kinetic Vector

Platform for an electric-motorcycle brand + accessories. Photo shoot on the Norwegian coast, a real-time bike configurator (colour + components) and an owner dashboard with live battery data over an API.

View project
Peak
photography
motion-design
branding
e-commerce

Peak

Launch for a high-alpine ropes and harnesses brand. Shot on location in the Alps (the purple rope rappel took six real takes, no Photoshop) and a site with a max-load calculator per model.

View project
Fractured
3d
motion-design
art-direction
music
+3

Fractured

3D art direction study for a Berlin electronic music label. The black monolith fractures to the kick of the track and projects electric lines across the floor. Rendered in Cinema 4D + Octane, synced via Reactor.

View project
Containment
3d
motion-design
art-direction
material-study
+3

Containment

Material study: concrete vs. liquid mercury vs. polished stone. A personal 3D piece that ended up sparking conversations with a couple of jewellery brands. Cinema 4D + Redshift, with a photo plate as the lighting base.

View project
Sprint
motion-design
photography
sports
branding
+3

Sprint

Digital campaign for a spike-shoe athletic brand. Shot on a real track, post with animated CMYK lines trailing the shoe, and a product page with a webcam stride test (pace + cadence).

View project
Tales of Paris
illustration
character-design
art-direction
print

Tales of Paris

Illustration for a children's book about two animals from the Seine — a bear and a fox — who become friends on the Pont Neuf. Digital watercolour + textures scanned from old paper. A short animated series is on the way too.

View project
Artisan
photography
documentary
art-direction
editorial

Artisan

Documentary photo series + editorial site about endangered European craftspeople. Here, the last Tuscan clockmaker of mechanical automaton birds assembling a brass hummingbird. Storytelling with Lenis + GSAP.

View project
Plein Air
photography
art-direction
branding
e-commerce

Plein Air

Portfolio for a landscape painter who works live from Mediterranean mountains. Gallery with horizontal scroll, each piece tagged with that day's data (time, wind, light) and an original-work shop with email-based bidding.

View project

There are +20 more projects in this portfolio.

View all projects

Crafted with

Adobe IllustratorAdobe PhotoshopAfter EffectsChromeAppleBlenderVS CodeFigmaThree.jsGSAPJavaScriptTypeScriptReactNext.jsStrapiShopifyMercedesSpotifyAdobe IllustratorAdobe PhotoshopAfter EffectsChromeAppleBlenderVS CodeFigmaThree.jsGSAPJavaScriptTypeScriptReactNext.jsStrapiShopifyMercedesSpotify

Creative technologist Building small universes with code *

Design that breathes the context of each brand

Motion Design & Animation

TIMING
RHYTHM
ATTENTION

Motion is what makes a thing land. I use it to guide attention, control rhythm and give interfaces a sense of cadence — so they don't just work, they feel right.

View service

Creative Development

CONCEPT
BUILD
EXECUTION

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

View service

User Experience Design

BEHAVIOUR
DECISION
FLOW

If it's confusing, it doesn't exist. UX is where behaviour meets structure — shaping how people move, decide and act. I design flows and interactions that feel obvious, but are built with care to guide attention and reduce friction.

View service

Creative Coding

Digital Design

Animation

Concept Art

User Experience

Interface Design

Behavioural Science

Motion Design

JMWEB
Every piece starts from a simple idea: design shouldn't decorate, it should say something.

I'm a visual artist working out of Madrid. I do branding, ads, identities, illustration and websites — anything that lives in the visual side of things fits on my desk.

I've spent years learning the craft, blending drawing, art direction, motion and code. I enjoy projects where I can come in early — think about what a brand wants to say before thinking about how it looks.

Every brief is different: sometimes a full identity, sometimes a campaign, sometimes a website that needs to feel alive. The constant is the same — find the voice that belongs to that project and push it until the result has real personality, not a template.

Get to know me

Latest article03/05/2026

The science of easing in motion design

A practical guide to easing in UI and motion design: what the most common curves communicate, what emotion they convey, what real-world movements they resemble and why even …

The science of easing in motion design

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

hola@jmwebsoluciones.com