ZDK — Arnaud Leduc
Site web 3D interactif — Three.js et WebGL
La 3D dans un navigateur n'est plus une prouesse, mais elle reste rarement bien faite. Le piège habituel, c'est de confondre spectaculaire et agité : un modèle qui tourne sans fin, des effets empilés, et un visiteur qui ferme l'onglet au bout de dix secondes. Ce qui fonctionne, c'est le mouvement qui a une raison d'être — une rotation qui répond à un geste, une caméra qui accompagne une lecture, un objet qui se laisse examiner. Je conçois des configurateurs produit, des présentations en scrollytelling et des expériences interactives en Three.js et WebGL. Particularité utile : je modélise mes propres assets. Il n'y a donc pas d'aller-retour entre un studio 3D qui livre un fichier trop lourd et un développeur qui essaie de le faire tenir dans un navigateur — j'optimise à la source, en sachant exactement comment le modèle sera affiché. Compression meshopt, chargement progressif, dégradation propre sur les appareils modestes : la 3D doit tourner pour tout le monde, pas seulement sur une machine de développeur.
- site web 3D
- expérience WebGL
- Three.js freelance
- configurateur 3D web
- scrollytelling 3D
Un métier, plusieurs outils
Je ne me suis jamais tenu à une seule discipline. Selon ce que le projet demande, je dessine, je modélise, ou j'écris du code — souvent les trois.
- 01
Sites & interfaces
Des expériences uniques
Pas de template, pas de thème rhabillé. Je conçois et développe le site entier — mise en page, rythme, animation, navigation — pour ce projet-là et pour aucun autre.
- Next.js
- Animation
- Interaction
- Performance
- 02
3D & temps réel
Trois dimensions dans un navigateur
Three.js, WebGL, shaders. Je modélise mes propres assets et je les intègre — pas d'aller-retour entre un studio 3D et un développeur.
- Three.js
- WebGL
- Blender
- Réalité augmentée
- 03
Dessin & direction artistique
Ça commence toujours par un crayon
Identité, illustration, typographie. Je cherche au crayon avant de valider : une piste dessinée se juge en cinq minutes, et se jette sans regret.
- Illustration
- Identité visuelle
- Motion
- Typographie
- 04
Formations
Transmettre les outils
Je transmets ce que je pratique : graphisme, 3D, code, IA générative. En équipe ou en individuel, à distance ou sur place, sur vos outils et vos projets.
- Graphisme
- Blender
- Next.js
- IA générative
Projets
Ce que j'ai fabriqué
Des commandes, des démos et des projets nés d'une simple curiosité.
Projets professionnels
Des commandes, avec des contraintes, des délais et souvent une équipe.
Projets personnels
Personne ne me les a demandés. C'est là que je teste ce que je ne sais pas encore faire.
Essais et tentatives
Des choses plus courtes, faites pour comprendre une technique. Elles ne mènent nulle part, et c'est très bien.
Portfolio 3D
Un portfolio entièrement construit en Three.js — navigation 3D, shaders custom et interactions à la souris.
- Three.js
- WebGL
- Shaders
Portal Scene
Exploration Three.js Journey : textures animées, effets de portail et modifications de shaders en temps réel.
- Three.js
- Shaders
- GLSL
Liquid Animation
Animation de liquide en temps réel via WebGL, pour une landing page de marque stylisée.
- WebGL
- Liquid
- Animation
Shoyou
Application de suivi et de recommandation de médias — films, séries, animes. Interface minimaliste, données enrichies.
- React
- API
- UX
(Not so) Abandoned House
Mini-jeu de récolte de gemmes pour le challenge Halloween de Three.js Journey. Mon premier vrai gros projet en full 3D, et un test d'interaction entre le joueur et les assets.
- Blender
- Three.js
- React
Une idée à fabriquer
Parlons-en
Un projet en tête, une question technique, ou juste envie d'échanger sur un sujet ? Écrivez-moi, je réponds personnellement sous 24h.
Ou écrivez-moi directement : contact@zdkwebagency.fr