AboutServicesProjectsContact
Cumbres
  • PHOTOGRAPHY
  • E-COMMERCE
  • MOTION-DESIGN
  • UX
  • UI

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.

Read more
Sweet Studio
  • 3D
  • MOTION-DESIGN
  • BRANDING
  • E-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.

Read more
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.

Read more
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.

Read more
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.

Read more
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.

Read more
Neo-Kyoto
  • MOTION-DESIGN
  • UX
  • UI
  • ILLUSTRATION

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.

Read more
Yggdrasil
  • CREATIVE-CODING
  • 3D
  • GENERATIVE
  • MOTION-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.

Read more
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.

Read more
Rituals
  • 3D
  • MOTION-DESIGN
  • BRANDING

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.

Read more
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.

Read more
Temple Tea Co.
  • BRANDING
  • E-COMMERCE
  • UX
  • UI
  • ART-DIRECTION

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.

Read more
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.

Read more
Genesis
  • 3D
  • CREATIVE-CODING
  • MOTION-DESIGN
  • GENERATIVE

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.

Read more
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.

Read more
Wild Crew
  • ILLUSTRATION
  • BRANDING
  • CHARACTER-DESIGN
  • PRINT

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.

Read more
Distant Worlds
  • ART-DIRECTION
  • CONCEPT-ART
  • ILLUSTRATION
  • 3D

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.

Read more
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.

Read more
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.

Read more
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.

Read more
Strata
  • 3D
  • TYPE-DESIGN
  • MOTION-DESIGN
  • PRINT

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.

Read more
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.

Read more
Constellation
  • CREATIVE-CODING
  • MACHINE-LEARNING
  • 3D
  • INSTALLATION

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.

Read more
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.

Read more
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.

Read more
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.

Read more
Fractured
  • 3D
  • MOTION-DESIGN
  • ART-DIRECTION
  • MUSIC

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.

Read more
Containment
  • 3D
  • MOTION-DESIGN
  • ART-DIRECTION
  • MATERIAL-STUDY

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.

Read more
Sprint
  • MOTION-DESIGN
  • PHOTOGRAPHY
  • SPORTS
  • BRANDING

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

Read more
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.

Read more
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.

Read more
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.

Read more

Switch to the classic view

hola@jmwebsoluciones.com