Pilates.me : un site Framer et mon passage au développement avec l’AI

J’ai conçu et entièrement réalisé le site Pilates.me à Dubaï dans Framer. Je tenais à maîtriser moi-même composition, typographie, responsive et animation, et à retrouver sur la page publiée ce que j’avais imaginé dans l’éditeur.

Framer convenait bien : il facilite la construction d’un site visuel, la gestion d’un petit catalogue via le CMS et la publication rapide. Entre maquette et page fonctionnelle, il ne reste presque plus d’étape distincte de transmission au développeur.

Là où je me suis senti à l’étroit

Avec des projets plus grands, je me heurtais davantage aux abonnements et aux limites de la plateforme. Éditeurs supplémentaires, langues et besoins d’hébergement faisaient monter les coûts. Pour chaque nouveau projet, il fallait réévaluer la pertinence du modèle.

L’essentiel était le contrôle du code et de l’infrastructure. Dans Framer, hébergement, rendu, traitement des images, polices et publication sont étroitement liés à la plateforme. Même une exportation de données ou un export tiers ne donne pas le même processus qu’un dépôt à soi.

Il me fallait un code source dont je comprenne la structure : vérifiable, modifiable, extensible par des intégrations et hébergeable où le projet en a besoin. J’ai progressivement construit ainsi la plupart des nouveaux sites.

Ce qui a changé dans mon travail

Framer peut rester le premier outil pour chercher une composition, un mouvement et une direction visuelle. Une fois le langage clair, je le transpose dans mon propre code avec des agents AI. Pour les sites centrés sur le contenu, je choisis souvent Astro et TypeScript, puis héberge le build statique sur Cloudflare.

Ci-dessous, une copie locale du site Pilates.me publié. Le design, les polices et les images Framer d’origine sont conservés ; la page se parcourt comme un vrai site. Les requêtes externes sont désactivées.

Site Pilates.me

Interface archivée · données de démonstration

J’ai gagné du contrôle sur les routes, le SEO, la vitesse, le contenu et les futures intégrations. Plusieurs projets n’avaient plus besoin d’un abonnement de constructeur pour chaque site. Les frais d’hébergement dépendent toujours de la charge et des services utilisés.

Après plus de quinze ans en design produit, c’est un changement notable : je peux poursuivre après les maquettes, construire l’interface et aller jusqu’à la publication. L’AI m’aide, mais les décisions visuelles et produit restent mon travail.

Pilates.me reste un projet pour lequel j’ai choisi Framer. Je n’écarte pas l’outil : il peut encore convenir à un site marketing visuel à lancer vite et à modifier facilement. Je choisis désormais la plateforme finale selon le projet.

Pilates.me reste un projet Framer : composition, responsive et animation y ont été réalisés. Mon passage au code propre concerne les travaux suivants. Il s’agit de montrer la qualité du site, pas de le déclarer rétrospectivement application AI.

Voir Pilates.me. Mon portfolio et version sur Framer.

Écrans et enregistrements du projet

À lire aussi : Du portfolio Framer à Astro · Les étapes de PAC Journeys.