Aller au contenu

Projet personnel · Web Experiences · GEO & AI Visibility

TrinityVolt Studio — le site du studio

Ce site : direction artistique sur mesure, animations maîtrisées, AI Lab interactif et architecture pensée pour le SEO et le GEO.
Hero du site TrinityVolt Studio : titre éditorial en serif avec mots en italique violet, astre lumineux et terminal de code interactif.

Contexte

Je voulais un site pour TrinityVolt Studio qui présente mes cinq expertises et qui, par son exécution même, démontre ce que je propose : direction artistique, développement, intégration de l'IA et visibilité.

Problématique

Concilier une expérience immersive (halo animé, particules, terminal interactif) avec des exigences strictes d'indexabilité, de performance et d'accessibilité.

Solution

Un site entièrement prérendu avec Next.js : tout le contenu est présent dans le HTML, les animations ne font qu'enrichir l'affichage et se désactivent lorsque l'utilisateur préfère réduire les mouvements.

Les effets visuels reposent sur CSS, SVG et un canvas 2D léger mis en pause hors écran, plutôt que sur une bibliothèque 3D.

Chaque page dispose de métadonnées uniques, d'une URL canonique, d'un fil d'Ariane et de données structurées JSON-LD limitées à des informations visibles.

Méthode de réalisation

Analyse d'une référence visuelle, définition d'un design system (palette, typographies, motifs), puis développement page par page avec vérification du HTML rendu.

Fonctionnalités

Principales

  • Site multipage statiqueDéveloppé
  • AI Lab (simulations interactives)Développé
  • Journal éditorial (MDX)Développé

« En ligne » : disponible en production. « Bêta publique » : accessible à tous et en cours d'amélioration. « Développé » : réalisé, pas encore publié.

Un projet similaire ?

Parlons de votre contexte et de ce que vous souhaitez construire.

Discuter d'un projet