Réalisations et études de cas de sites web orientés conversion

Des projets concrets : refonte de site, optimisation, expériences web et créations 3D.

Chaque réalisation montre une logique de travail claire — du problème initial jusqu’au résultat.

Comment le site a été entièrement repensé

Le site d’origine était devenu difficile à maintenir, peu lisible et trop limité pour les besoins actuels. L’objectif a donc été de repenser la structure, l’interface et l’identité visuelle pour construire une base plus claire, plus fiable et plus durable.

Avant — Ce qui posait problème

  • Site perdu ou obsolète : impossible à faire évoluer facilement
  • Design daté, non responsive
  • Navigation confuse, structure peu lisible
  • Absence d’identité visuelle cohérente
  • Performances limitées : sécurité, plugins, temps de chargement

(Pas d’image disponible : le site d’origine avait été perdu avant la reprise du projet.)

  • Page d’accueil — interface clarifiée

    Une page d’accueil plus lisible, mieux structurée et portée par une identité visuelle cohérente.

    Page d’accueil du site À Cœur Joie – Pôle Île-de-France, version modernisée.
  • Page Ateliers / Chorales — UX repensée

    Une navigation plus intuitive, des contenus mieux hiérarchisés et un accès plus rapide aux informations utiles.

    Page Ateliers et Stages du site À Cœur Joie – Pôle Île-de-France.
  • Espace Choristes — interface optimisée

    Un espace plus simple à parcourir, avec une meilleure organisation des contenus et une lecture plus fluide.

    Tableau de bord de l’Espace Choristes du site À Cœur Joie – Pôle Île-de-France.

Le projet en bref

  • Contexte

    Un site vieillissant, difficile à maintenir et peu adapté aux usages actuels.

  • Objectif

    Moderniser l’expérience, clarifier les contenus et faciliter la navigation.

  • Mon rôle

    UX/UI, développement WordPress, optimisation technique, sécurité et maintenance.

  • Résultat

    Un site plus clair, plus rapide et plus simple à gérer au quotidien.

Chaque écran a été repensé pour améliorer la lisibilité, renforcer l’identité visuelle et offrir une expérience plus fluide aux visiteurs comme aux choristes.

Le site aujourd’hui

Le nouveau site offre désormais une base plus claire, plus lisible et plus simple à faire évoluer pour le Pôle Île-de-France.

Les contenus sont mieux structurés, la navigation est plus fluide et les équipes disposent d’un outil plus fiable pour publier ateliers, concerts et événements au quotidien.

Le résultat : un site plus utile pour les visiteurs, plus cohérent visuellement et plus confortable à gérer côté association.

Explorations créatives

Des projets expérimentaux pour tester des idées, explorer de nouvelles interactions et affiner des approches créatives.

  • Metaversus — Site démo gaming

    Une exploration visuelle inspirée de l’univers gaming, avec des transitions fluides et une mise en scène immersive dès le premier écran.

  • Sushiman — Site restaurant

    Un site fictif de restaurant pensé pour combiner lisibilité, hiérarchie claire et animations légères au service de l’expérience.

  • Portfolio React — Première version

    Une première version de portfolio développée en React, avec une approche modulaire et des animations simples pour structurer l’interface.

Motion Design & animations (Blender)

Explorations autour du mouvement, du rythme et de la typographie animée, conçues pour créer des ambiances visuelles fortes.

Aperçu motion design : boucle circulaire animée au rythme fluide.

Motion circulaire — boucle rythmée

Une exploration de formes abstraites et de rythmes visuels, pensée comme une boucle fluide, hypnotique et continue.

Aperçu motion design : composition typographique animée.

Motion typographique — rythme visuel

Un travail sur la typographie en mouvement pour créer des transitions graphiques dynamiques, lisibles et percutantes.

Aperçu motion design : glitch visuel rétro-numérique.

Glitch visuel — esthétique rétro-numérique

Une composition animée inspirée des codes rétro et numériques, avec un traitement visuel plus brut, contrasté et expressif.

Rendus 3D inspirés du cinéma

Recréations d’univers cinématographiques à travers la lumière, les matériaux et l’ambiance.

Rendu 3D de la Golden Snitch inspirée de Harry Potter.

Harry Potter — Golden Snitch

Un travail sur les matériaux métalliques, les reflets et la mise en lumière pour restituer l’élégance et la finesse de cet objet culte.

Rendu 3D d’une scène inspirée de Resident Evil.

Resident Evil — Reproduction de scène

Une scène pensée autour de la tension visuelle, avec un travail précis sur l’atmosphère, les contrastes et la crédibilité de l’éclairage.

Rendu 3D de l’Officer’s Room inspirée de Star Wars.

Star Wars — Officer’s Room

Une reconstitution d’ambiance inspirée de l’univers Star Wars, portée par un éclairage plus dramatique et une composition pensée pour l’immersion.

Objets 3D interactifs

Des objets modélisés pour être observés, manipulés et explorés comme de véritables pièces interactives.

  • Aperçu de l’objet 3D Agfamatic.

    Agfamatic — Appareil photo 80’s

    Un appareil photo rétro modélisé avec des matériaux réalistes, un texturing PBR soigné et une attention particulière aux détails.

  • Aperçu de l’objet 3D Phone Booth.

    Phone Booth — Modèle 3D

    Une cabine londonienne modélisée avec précision, pensée pour explorer les volumes, les matériaux et les ambiances lumineuses.

  • Aperçu de l’abeille animée en 3D.

    Abeille — Animation 3D Blender

    Une création organique animée, avec rig complet, battement d’ailes et plusieurs variations de mouvement pour travailler le vivant et le rythme.

Et si on lançait votre projet ?

Décrivez-moi votre projet, vos objectifs ou vos contraintes — et voyons ensemble comment en faire un site clair, efficace et durable.

Réponse sous 24 à 48h — basé à Paris — premier échange sans engagement