Du brief au lancement en 14 jours : un vrai projet IA

Jour 0 : le brief

Lundi matin, le propriétaire envoie un brief d’une page : « Nous vendons des lunettes. Nous avons 50 produits prêts. Il nous faut une boutique Shopify avec passage à la caisse personnalisé, français + anglais, livraison gratuite au-dessus de 100 $, et un formulaire de vente en gros B2B. Lancement au plus vite. » Plus des photos de référence de marque et un logo existant.

Nous avons répondu avec trois questions de clarification (préférences de palette, âge du public cible, sites concurrents appréciés) et une soumission : portée du forfait Pro + fonctions e-commerce, livrée en 2 semaines.

Jours 1-3 : architecture + système de marque

Le jour 1 : l’architecture. Pile choisie : Next.js 16 App Router, API Storefront de Shopify en back-end headless, Tailwind pour les styles, Vercel pour l’hébergement. L’IA a aidé à l’échafaudage initial — structure du projet, bibliothèque de composants de base, requêtes GraphQL Shopify. Environ 4 heures de travail qui en auraient pris 12 sans IA.

Les jours 2-3 : la marque. L’IA a généré 6 variantes de palette à partir du brief et des photos de référence du propriétaire. On a gardé la plus forte (luxe sombre, accent doré, blancs chauds). Puis l’IA a aidé à produire une bibliothèque de composants complète (en-tête, pied de page, carte produit, héros, etc.) dans la palette choisie. L’humain a passé son temps à régler la typographie (Playfair Display + Inter), raffiner les états de survol et s’assurer que l’accent doré avait le bon poids en mode sombre.

L’IA excelle à générer 8 variantes d’un composant en 30 secondes. Elle est mauvaise pour choisir la bonne. Ça reste une décision humaine — le goût compte ici.

Jours 4-7 : la construction

Les jours 4-7 : codage intensif. Pages produits, pages collections, panier, recherche, formulaire de vente en gros, formulaire de contact, le tout branché à Shopify + Resend pour le courriel. L’IA a couvert environ 60 % du générique — squelettes de composants, suggestions de requêtes, premiers jets de types TypeScript.

Là où l’IA a échoué : tout ce qui touchait aux décisions UX subtiles. Le sélecteur de variantes (couleur + taille sur le même produit) exigeait une vraie réflexion — que se passe-t-il quand une couleur est épuisée ? Comment la galerie réagit-elle au choix d’une variante ? Ce n’étaient pas des questions de code, mais de design produit. Environ 3 heures humaines de design + tests.

Jours 8-10 : contenu + photos + données produits

Les jours 8-10 : les parties ingrates. Téléverser 50 photos produits dans Shopify, écrire 50 descriptions, corriger les traductions françaises de chaque chaîne d’interface, configurer zones de livraison + règles de taxes, brancher les paiements Stripe. C’est la partie que les agences repoussent à la fin et bâclent.

L’IA a BEAUCOUP aidé pour les descriptions produits — des premiers jets optimisés SEO pour chacun des 50 articles, que le propriétaire a révisés et ajustés en une heure environ. Sans IA, c’était deux jours de travail à lui seul.

Jours 11-13 : polissage, accessibilité, SEO

Les jours 11-13 : ce qui sépare Lighthouse 100 de Lighthouse 70. Chaque image auditée et réexportée (WebP + AVIF, tailles adaptées à chaque écran). Chaque composant vérifié pour l’accessibilité (étiquettes ARIA, navigation au clavier, états de focus). Fondations SEO posées : balises de titre + méta-descriptions par page, sitemap, robots, données structurées Schema.org (Product, Organization, BreadcrumbList, Article sur le blogue).

Budgets de performance appliqués : paquet JS total sous 200 Ko, polices préchargées, scripts tiers différés, aucun saut de mise en page au-dessus de 0,05. Au jour 13, le site atteignait 100/100/100/100 sur bureau et 96 et plus sur mobile.

Jour 14 : lancement + vérification

Vendredi matin, jour 14 : DNS pointé vers Vercel, certificat SSL confirmé, Google Search Console configurée, sitemap soumis, statistiques installées. Le propriétaire a parcouru le flux complet : navigation → produit → panier → caisse → courriel de confirmation. Tout au vert. Site en ligne.

Temps écoulé total : 14 jours. Heures de développement : environ 85. Gain attribuable à l’IA : probablement 60 à 100 heures épargnées face à une construction entièrement manuelle.

La comparaison avec l’agence

Une agence montréalaise traditionnelle aurait chiffré cette portée entre 20 000 et 35 000 $ avec un échéancier de 3 mois. Le propriétaire a payé l’équivalent de notre forfait Pro (499 $) + la mise à niveau Store — bien sous le tarif d’agence, en un sixième du temps.

Le compromis n’est pas la qualité. Le site final surpasse la plupart des sites d’agence comparés (nous avons passé 10 sites concurrents du même créneau au Lighthouse — aucun au-dessus de 75 sur mobile). Le compromis, c’est que le propriétaire devait être réactif — répondre à nos questions de clarification en heures, pas en jours. C’est le nouveau goulot des projets assistés par IA : pas le temps du développeur, mais la vitesse d’itération du client.

Ce que nous avons utilisé

Pour les curieux, l’outillage réel :

• Next.js 16 (App Router, Turbopack, Server Components)
• TypeScript strict
• Tailwind + shadcn/ui
• API Storefront Shopify (GraphQL, headless)
• Vercel (hébergement, fonctions edge, optimisation d’images)
• Supabase (infolettre, données du formulaire de contact)
• Resend (courriel transactionnel)
• Stripe (paiements + paiement en 4 via Klarna / Affirm / Afterpay)
• Claude (génération de code + brouillons de contenu)
• GitHub Copilot (autocomplétion dans l’éditeur)