Aller au contenu
Compétences
ProjetsCompétencesParcoursCV
Contact
← Compétences

Web &
interactif.

Je conçois ce qui se passe
entre l’écran et l’utilisateur.

Une idée devient manipulable.↗
Capture réelle du Wall Engine KURB
Comprendre → essayer → ajusterExplorer le fonctionnement ↓

Du chemin
à l’expérience.

Le web se comprend aussi en l’essayant.

Structurer

Trouver son chemin.

Organiser l’information avant de dessiner : quel contenu, dans quel ordre, pour quelle action ?

Étude d’interface · KURB
KURBComposer

Composer
le mur.

Trois objets. Votre rythme.

Deck KURB réellement sélectionné dans cet aperçu
Navigation → contenu → choix → action

ARCHITECTURE · PARCOURS

Ne pas seulement
regarder. Agir.

Ici, l’utilisateur construit sa propre composition murale : choisir, déplacer, espacer.

KURB, une preuve du système
Pièce WARM, mise en situation du projet KURBWP-1IS3880 × 20 cm · simulation à l’échelle du projet

LOCKED IN3 / 3 decks sélectionnés

Glissez un deck pour changer l’ordre, ou utilisez les flèches et les commandes ci-dessous.

  1. FERAL MONO
  2. NOIR 01
  3. EYES ON THE WALL

Trois decks. À vous de composer.

État · Drag · Reorder · Responsive
Mini Wall Engine extrait du projet réel. Aucun panier ni paiement.

Comprendre tout le projet KURB ↗

Une identité.
Plusieurs usages.

Interface du site VYONVYON

Du produit à son interface.

Sélection réelle du prototype indépendant GP4LIGHTS OUT

Un parcours de réservation, des états et un objet 3D.

Ce que je vérifie.

Le parcours est-il clair ?

Entrée, choix, confirmation, retour. Chaque étape doit expliquer ce qui va se passer.

Le petit écran fonctionne-t-il ?

Recomposer les contenus, préserver les gestes natifs et garder des commandes accessibles.

Le mouvement aide-t-il à comprendre ?

Une transition relie deux états. Le mouvement réduit garde le contenu et les actions.

React · Next.js · TypeScript · GSAP · Three.js / R3F
GitHub · Vercel · Supabase — selon le besoin du projet.

← Revenir aux dossiersMotion & 3D ↗Échanger sur un projet ↗