Hero 3D interactif & assistant IA
Une scène 3D temps réel signée Three.js, animée par des shaders personnalisés, couplée à SPARK, l'assistant IA du site qui répond en streaming aux questions sur nos services, tarifs et réalisations.
Un hero vivant,
pensé pour convertir
Cette réalisation, c'est ce site lui-même : le hero de la page d'accueil AlcalSpark met en scène un œil mécanique cyberpunk, entièrement modélisé et animé en Three.js avec des shaders personnalisés, sans dépendance externe lourde. Cœur icosaédrique, anneaux d'iris, pupille réactive, grille radar et champ d'étoiles réagissent en temps réel au scroll et aux mouvements du visiteur.
À ses côtés, SPARK : un assistant IA scopé au site, intégré directement dans le hero, capable de répondre en streaming aux questions sur les services, les tarifs et le portfolio d'AlcalSpark. Les réponses s'affichent au fil de l'eau plutôt qu'en bloc, pour une expérience de conversation fluide et immédiate, avec des CTA intégrés pour guider naturellement vers une prise de contact.
L'ensemble a été pensé pour rester exigeant en performance : chargement différé sur desktop uniquement, détection du support WebGL et du mode "mouvement réduit", et une version mobile allégée qui préserve l'essentiel de l'expérience sans jamais pénaliser les temps de chargement. Une démonstration concrète de ce que nous savons construire quand technique et créativité travaillent ensemble.
- ✦ Secteur : Réalisation interne AlcalSpark
- ✦ Prestations : Développement Web, Intelligence Artificielle
- ✦ Stack : Three.js, shaders personnalisés, IA en streaming
- ✦ Statut : Site en ligne
Un projet similaire
en tête ?
Chaque grand projet commence par une conversation. Parlons du vôtre.