Site vitrine
Création d’un site vitrine
× Hapi.
En 15 jours, le site de l’agence Hapi était en ligne, conçu, designé et livré en pilotant l’IA de bout en bout. Le cerveau humain a dirigé. L’IA a exécuté.
Voir le site →03
Build
UX/UI, développements & TMA
16
pages conçues et livrées
100%
conçu grâce à l’IA
0
ligne de code écrite à la main
Contexte & problématique
Deux associés, une agence à créer, et personne pour leur faire leur propre site.
Quand on lance une agence digitale, le premier réflexe c’est de travailler pour les autres. Le site de l’agence ? « On le fera plus tard. » Sauf que plus tard, c’est jamais.
Hapi est née de la rencontre entre deux profils seniors, stratégie digitale et e-commerce, avec une conviction partagée : l’IA ne remplace pas l’expertise, elle la démultiplie. Aucun des deux fondateurs n’est développeur. Pas de compétences en code, pas d’intégrateur sous la main, pas de budget pour un prestataire externe.
Alors on a fait ce qu’on prône à nos clients : on a piloté l’IA. Les visuels, le code, l’intégration, tout a été généré par l’intelligence artificielle. Notre rôle : diriger, cadrer, challenger chaque output. Le cerveau humain comme chef d’orchestre. L’IA comme orchestre.
Le problème racine
Deux fondateurs avec une vision claire, un positionnement solide et des années d’expérience, mais zéro compétence en développement. Pas un problème de crédibilité. Un problème d’exécution.
La contrainte
Pas de développeur, pas de budget agence, pas de template acheté. Quinze jours pour livrer un site complet, stratégie, visuels, code, contenus, en ne comptant que sur l’IA et notre capacité à la piloter.
Notre angle
Faire de cette contrainte une démonstration. Si deux non-développeurs peuvent livrer un site d’agence pro en 15 jours avec l’IA, alors notre promesse client tient debout. Le site n’est pas juste un livrable, c’est une preuve de concept.
Avant / Après, Vue principale
Notre approche
Une méthode en 5 temps.
01
Positionnement & stratégie de marque
Le seul travail qu’aucune IA ne peut remplacer. Clarification du positionnement, définition du tone of voice, identification des personas cibles. C’est ici que la valeur humaine est irremplaçable, et c’est sur cette base que tout le reste a été construit.
02
Architecture UX & parcours
Un site pensé en parcours de conviction. Accueil → Vision → Offre → Réalisations → Contact. Chaque page répond à une question précise du prospect. L’arborescence a été conçue par les fondateurs, challengée avec l’IA, puis validée sur la base de l’expérience métier.
03
Direction artistique & design system
Aucun shooting photo, aucune banque d’images. Les visuels du site ont été entièrement générés par intelligence artificielle, puis sélectionnés et retouchés pour coller à l’identité de marque. L’œil humain a fait le tri, l’IA a fait le volume.
04
Développement WordPress sur mesure
Thème WordPress custom, intégration responsive, optimisation performance, tout le code a été généré par l’IA via des prompts précis et itératifs. Pas de template acheté, pas de page builder. Le rôle de l’équipe : briefer, tester, challenger, valider. Celui de l’IA : coder.
05
Contenus intégralement rédigés avec l’IA
L’ensemble des textes, positionnement, expertises, vision, page contact, a été co-écrit avec l’IA puis affiné par les fondateurs. Le brief était clair : un ton direct, engagé, zéro jargon creux. L’IA proposait, les fondateurs tranchaient.
Visuels du projet
Le résultat en images.
Vue principale
Vue mobile
Focus 01
Zéro compétence dev, zéro compromis sur la qualité
C’est la partie contre-intuitive du projet. Aucun des fondateurs ne sait coder, et pourtant le site tourne sur un thème WordPress custom, sans page builder, avec un score Lighthouse élevé. L’IA a écrit chaque ligne de code. L’exigence humaine a fait le reste : chaque composant testé, chaque rendu vérifié sur mobile, chaque détail ajusté jusqu’à ce que ça soit juste. Le dev n’est plus un skill, c’est un process.
Focus 02
15 jours : pas un exploit, une méthode
Jour 1-3 : cadrage stratégique et arborescence.
Jour 4-6 : génération des visuels et direction artistique.
Jour 7-12 : code généré par l’IA, intégration, itérations.
Jour 13-15 : contenus finalisés, recette, mise en ligne. Pas un speed run, c’est ce qui se passe quand les allers-retours avec un prestataire disparaissent et que la décision reste entre les mains de ceux qui portent le projet.
L’IA compresse les délais d’exécution. L’humain compresse les délais de décision.
Stack technique
Les outils derrière le résultat.
Chaque technologie choisie pour une raison précise, performance, maintenabilité, ou capacité d’évolution.
Web
WordPressEditeur Gutenberg
IA
Claude IAClaude Code
“
Le client le plus exigeant que l’agence ait eu. Et de loin.
Votre projet
15 jours pour Hapi !
Combien pour votre business ?
Premier échange toujours gratuit. On regarde ensemble si on est le bon partenaire pour votre projet.
