Je vais développer un site web interactif en 3D avec three js et webgl


À propos de ce service
Traduction automatique
La plupart des sites web en 3D sont de belles animations sans rien derrière. Vous avez la scène, puis vous constatez qu'il n'y a pas de backend, pas de formulaires, aucune possibilité de modifier quoi que ce soit, et cela rame sur un téléphone.
Je construis tout cela.
CE QUE VOUS OBTENEZ
- Une scène Three.js / WebGL réelle conçue pour votre marque. Pas de modèles, pas de projet réutilisé.
- Mouvement contrôlé par défilement avec GSAP qui suit le lecteur, pas lui.
- Le site derrière : pages, base de données, formulaires de contact, et un panneau d'administration auquel vous vous connectez.
- Un HTML réellement crawlable sous la 3D, pour que les moteurs de recherche lisent encore votre contenu.
- Un fallback testé, pour que les téléphones peu puissants aient une page rapide, et non cassée.
- Déployé en direct sur votre domaine, avec le code source complet. Vous en êtes propriétaire.
MON STACK
Three.js, WebGL et shaders GLSL écrits à la main. Next.js, React, TypeScript, Tailwind. Supabase et Postgres. Déployé sur Vercel.
POURQUOI MOI
Je suis développeur full-stack, donc la 3D et le système en dessous sont construits par la même personne. Il n'y a pas de transfert qui risque de se perdre en route.
Mon propre site utilise cette stack exacte, en ligne à farhanshahriar.online. Ouvrez-le, faites défiler, puis ouvrez-le sur votre téléphone.
Contactez-moi avant de commander et je vous dirai honnêtement quel package correspond.
Respectez les droits des tiers
Veuillez noter qu’il est contraire aux politiques de Fiverr pour les freelances d’inclure des thèmes, des modèles ou tout autre élément d'autrui qui enfreint les droits de tiers ou les lois applicables pour les livrables. En savoir plus en lisant notre Guide pour une création numérique responsable.
Découvrez Farhan Shahriar
Full Stack Developer
- DeBangladesh
- Membre depuisjuil. 2024
- Temps de réponse moy.1 heure
Langues
Bengali, Anglais
Traduction automatique
FAQ
Traduction automatique
Sera-t-il lent ou planté sur les téléphones ?
Non. Avant la livraison, je teste sur un Android milieu de gamme réel, pas un émulateur. Le site vérifie d'abord l'appareil, et tout appareil peu puissant reçoit une scène plus légère ou un fallback statique à la place d'une page cassée. Vous recevrez un enregistrement de l'écran du téléphone avec la livraison.
Google pourra-t-il toujours lire mon site ?
Oui. Votre texte et vos titres sont envoyés en HTML réel que les crawlers lisent normalement, et la 3D est superposée sans la remplacer. C'est l'erreur qui pénalise le plus les sites WebGL, donc elle est gérée par défaut, pas comme une option supplémentaire.
Possède-t-on le site et le code source ?
Oui, dans chaque package. Vous obtenez le code source complet et le site est déployé sur votre propre hébergement et domaine. Il n'y a pas de licence de modèle, pas de compte de constructeur dont vous dépendez, et rien à payer en plus.
Combien de temps cela prend-il pour charger ?
Je ne vous donnerai pas un chiffre que je n'ai pas mesuré sur votre projet. Ce que je m'engage à faire, c'est un vrai budget pour le poids de la scène, en chargeant uniquement ce dont l'écran initial a besoin, et une mesure avant-après sur une connexion limitée que je vous montrerai.
Puis-je modifier le texte et les images moi-même par la suite ?
Dans le package Premium, oui : vous avez un panneau d'administration avec une connexion où vous modifiez texte, images et contenu. Pour être honnête, la scène 3D elle-même est du code et la modifier demande un travail de développement, pas une simple modification de contenu.
Pouvez-vous ajouter de la 3D à mon site existant sans le casser ?
Oui, c'est exactement ce que fait le package Basic. J'ajoute une section 3D dans le site que vous avez déjà et je laisse le reste intact. Envoyez-moi d'abord l'URL pour que je puisse confirmer que votre configuration peut le supporter avant de commander.
Est-ce une template que vous revendez à d'autres clients ?
Non. Chaque scène est conçue pour un seul projet et n'est pas réutilisée. C'est aussi pour cela que je demande ce que votre marque représente avant de faire un devis, et pourquoi je ne peux pas livrer une scène entièrement personnalisée en 24 heures.
Combien de révisions puis-je obtenir, et qu'est-ce qu'une révision ?
Deux pour Basic, quatre pour Standard, cinq pour Premium, selon le brief que nous validons avant votre commande. Modifier les couleurs, la mise en page, le timing ou le contenu est une révision. Changer le concept après votre validation, ou ajouter des pages, constitue un nouveau travail et je le deviserai honnêtement.
Pouvez-vous créer des modèles 3D, des personnages ou des animations de produits ?
Je construis des scènes en code : géométrie, shaders, particules et mouvement. Je ne fais pas de modélisation Blender, de rigging de personnages ou de visualisation de produits à partir de fichiers CAD. Si votre projet nécessite un asset modélisé, dites-le-moi d'abord et je vous le dirai honnêtement.
De quoi avez-vous besoin de ma part pour commencer ?
Votre objectif pour le site, deux ou trois sites de référence que vous aimez, votre logo et vos couleurs de marque, ainsi que votre texte et vos images si vous en avez. Si le contenu n'est pas prêt, nous pouvons commencer par la structure et la 3D pendant que vous le finalisez.

