Expériences3D&immersivesExpériences 3D & immersives
La 3D sur le web n'a d'intérêt que si elle raconte quelque chose : montrer un produit sous tous ses angles, mettre en scène un lancement, rendre une marque mémorable.La3D3Dsurlewebn'an'ad'intérêtquesielleelleracontequelquechose::montrerunproduitsoussoustoussesangles,mettremettreenscèneunlancement,lancement,rendreunemarquemémorable.mémorable.
LebesoinLe besoin
Vous lancez un produit, une marque ou un événement, et un site classique ne rendrait pas justice à ce que vous montrez.Vouslancezlancezunproduit,unemarquemarqueouunévénement,etetunsiteclassiquenenerendraitpasjusticeààcequevousmontrez.montrez.
Vous voulez vous distinguer dans un secteur où tous les sites se ressemblent.Vousvoulezvoulezvousdistinguerdansununsecteuroùtousleslessitesseressemblent.
CequejeproposeCe que je propose
Scènes 3D en temps réel avec WebGL et Three.js, ou shaders écrits pour le projet.Scènes3D3DentempsréelavecavecWebGLetThree.js,ououshadersécritspourleleprojet.
Animations liées au défilement, transitions entre les pages, interactions au survol et au toucher.Animationsliéesliéesaudéfilement,transitionsentreentrelespages,interactionsauausurvoletautoucher.toucher.
Une version mobile adaptée, plus légère, et une image de repli si la 3D ne peut pas s'afficher.Uneversionversionmobileadaptée,pluslégère,légère,etuneimagededereplisila3D3Dnepeutpass'afficher.s'afficher.
Le respect des réglages « réduire les animations » des visiteurs.Lerespectrespectdesréglages«réduireréduirelesanimations»desdesvisiteurs.
CequevousygagnezCe que vous y gagnez
Un site dont on parle et qu'on partage.Unsitesitedontonparleetetqu'onpartage.
Un produit compris plus vite, parce qu'on peut le voir sous tous ses angles.Unproduitproduitcomprisplusvite,parceparcequ'onpeutlevoirvoirsoustoussesangles.angles.
Une marque qui se distingue, sans sacrifier le contenu ni le référencement.Unemarquemarquequisedistingue,sanssanssacrifierlecontenuninileréférencement.
CequiestinclusCe qui est inclus
✓Conception de la scène et du mouvementConceptiondedelascèneetdudumouvement
✓Optimisation pour mobile et image de repliOptimisationpourpourmobileetimagedederepli
✓Contenus lisibles même sans 3DContenuslisibleslisiblesmêmesans3D
✓Un seul interlocuteur, du premier appel à la mise en ligneUnseulseulinterlocuteur,dupremierappelappelàlamiseenenligne
✓Un design dessiné pour votre activité, sans modèle achetéUndesigndesigndessinépourvotreactivité,activité,sansmodèleacheté
✓Une version mobile pensée à part, pas une réduction du bureauUneversionversionmobilepenséeàpart,part,pasuneréductiondudubureau
✓Les bases du référencement posées avant la mise en ligneLesbasesbasesduréférencementposéesavantavantlamiseenligneligne
WebGL · Three.jsLa 3D en temps réel dans le navigateur.La3D3Dentempsréeldansdanslenavigateur.
GSAP · LenisDes animations précises et un défilement fluide.Desanimationsanimationsprécisesetundéfilementdéfilementfluide.
Shaders GLSLDes matières et des effets écrits pour votre projet.Desmatièresmatièresetdeseffetsécritsécritspourvotreprojet.
QuestionsfréquentesQuestions fréquentes
La3Dralentit-ellelesite?La 3D ralentit-elle le site ?
Elle peut, si elle est mal faite. La scène se charge après le contenu principal, s'arrête quand elle n'est pas visible, et une version allégée est servie sur mobile. Le texte reste lisible immédiatement.Ellepeut,peut,sielleestmalmalfaite.Lascènesesechargeaprèslecontenucontenuprincipal,s'arrêtequandelleellen'estpasvisible,etetuneversionallégéeestestserviesurmobile.LeLetexterestelisibleimmédiatement.immédiatement.
Etsurlestéléphones?Et sur les téléphones ?
La version mobile est pensée à part : scène simplifiée, interactions au toucher, et une image fixe si l'appareil ne peut pas afficher la 3D.Laversionversionmobileestpenséeààpart:scènesimplifiée,simplifiée,interactionsautoucher,etetuneimagefixesisil'appareilnepeutpaspasafficherla3D.
Faut-ildesmodèles3Dexistants?Faut-il des modèles 3D existants ?
Pas forcément. Une partie des effets se construit en code (formes, matières, lumière). Pour un produit précis, un modèle 3D fourni ou créé est nécessaire.Pasforcément.forcément.Unepartiedeseffetseffetsseconstruitencodecode(formes,matières,lumière).PourPourunproduitprécis,ununmodèle3Dfourniououcrééestnécessaire.
Combiencoûteunsite3D?Combien coûte un site 3D ?
Chaque projet est différent : il est chiffré sur devis après un premier appel, selon les scènes, les interactions et les contenus.Chaqueprojetprojetestdifférent:ililestchiffrésurdevisdevisaprèsunpremierappel,appel,selonlesscènes,leslesinteractionsetlescontenus.contenus.
Lesitesera-t-ilréférencé?Le site sera-t-il référencé ?
Oui : le texte reste dans la page, lisible par les moteurs, même quand la 3D ne s'affiche pas.Oui::letexterestedansdanslapage,lisibleparparlesmoteurs,mêmequandquandla3Dnes'affiches'affichepas.
Racontez-le en quelques lignes. Je vous recontacte, et vous avez un prix dès notre premier échange.Racontez-leenenquelqueslignes.Jevousvousrecontacte,etvousavezavezunprixdèsnotrenotrepremieréchange.