En tant qu’agence web, nous sommes convaincus que l’intelligence artificielle représente un levier puissant pour perfectionner nos processus, stimuler la productivité de nos équipes et optimiser la qualité de nos sites web.
Toutefois, conscients de ses effets sur la créativité, sur la recherche d’inspiration et son impact environnemental, nous sélectionnons avec soin les outils que nous intégrons dans nos workflows.
Nous nous assurons qu’ils apportent une réelle valeur ajoutée et contribuent à la qualité des sites que nous livrons.
1. Relume : générer des sitemaps et wireframes efficaces
Si vous avez déjà lu notre article 7 étapes pour concevoir un site web de haute qualité, vous savez probablement que la structuration du site est une étape essentielle pour garantir la cohérence et la pertinence des messages. Et pour assurer une navigation fluide tout au long du parcours utilisateur.
Pour mener à bien cette tâche de structuration, Relume s'avère être un assistant extrêmement efficace. Cet outil, alimenté par l'IA, permet par exemple de générer rapidement une sitemap claire et modulable à partir d’une simple description de l’entreprise.
Ainsi, nous pouvons bénéficier d’un gain de temps précieux dès le début du processus, en nous appuyant sur une base solide, plutôt que de partir de zéro.
Cela nous permet de nous concentrer davantage sur les étapes suivantes, tout en conservant une attention particulière à la structuration.
Exemple de prompt pour générer une sitemap bien structurée avec Relume
Description de l'entreprise : Coteries est une agence web suisse, basée à Lausanne. Proposant des services de webdesign, de développement d'applications web et d’applications mobiles et de marketing. Grâce à sa petite équipe d'experts digitaux, Coteries offre un service personnalisé et de proximité à tous ses clients, petites, moyennes et grandes entreprises.
Objectifs : L'objectif principal est de trouver de nouveaux clients. Les objectifs secondaires sont le partage des connaissances et la démonstration de l'expertise.
Autres remarques pertinentes : Inclure un blog, une page pour chaque offre de service (référence à la description de l'entreprise), un formulaire de contact, un portfolio des réalisations passées, limiter la longueur des pages à 4-8 sections max.
Une fois la sitemap générée, elle reste entièrement modifiable, ce qui nous permet d’affiner l’expérience utilisateur pour qu’elle soit cohérente et fluide.
Mais Relume ne s’arrête pas là : à partir de la sitemap finalisée, il est possible de générer le wireframe correspondant (maquette simple) en un seul clic. Ce premier jet peut ensuite être retravaillé et affiné par nos designers pour aboutir à une version optimale.
En bref, Relume accélère considérablement la phase de structuration sans pour autant remplacer l’expertise humaine, indispensable pour affiner les détails et garantir une navigation intuitive.
Attention cependant, car il ne s’agit pas de simplement générer des structures de sites à la pelle. Il est primordial de s’assurer que ce qui est généré est en accord avec les besoins de nos clients, tant en termes d’objectifs que d’approche dans la structuration du contenu. Nous nous assurons ainsi que chaque section est pertinente dans son contexte en nous mettant à la place des utilisateurs potentiels.
Et pour aller plus loin, Relume propose désormais un créateur de style guide pour créer une maquette avancée, actuellement en version Beta.
2. Cloudinary : optimiser et générer des visuels pour le web
C’est un point que nous rappelons systématiquement à chaque nouveau projet : les visuels sont essentiels pour maximiser l'impact d’un site web !
Nous l’avons d’ailleurs couvert dans les tendances Webdesign 2025 : un site qui se démarque repose en grande partie sur des visuels personnalisés, uniques et propres à la marque. Fini les visuels génériques de banque d’images !
Cependant, nous constatons souvent que la qualité ou le format des images disponibles dans les entreprises ne sont pas adaptés à la création d’un site web de haute qualité. Ce qui implique un travail conséquent de sélection et de retouche pour nos web designers.
Pour résoudre cette problématique et garantir des images optimisées et attrayantes sans y passer de longues heures, nous utilisons Cloudinary, une solution alimentée par l'IA pour la gestion des images : téléchargement, stockage, administration, manipulation, optimisation et livraison.
Découvrez ci-dessous 2 fonctionnalités de Cloudinary pour optimiser vos images.
Content-Aware Cropping, le recadrage intelligent
Si vous avez des photos de 50 personnes, toutes dans des formats différents, et que vous devez les recadrer au format carré pour les intégrer à la page équipe de votre site web, comment éviter de perdre de longues heures ?
Grâce à la fonctionnalité Content-Aware Cropping, ces images sont automatiquement recadrées de manière intelligente, en centrant le visage de chaque personne. Ainsi, vous gagnez un temps précieux et vous vous concentrez sur d'autres tâches essentielles.
Et nos experts Webflow sont allés encore plus loin en développant une intégration de cette fonctionnalité directement dans les sites web que nous réalisons. Plus besoin de se soucier des images : elles sont automatiquement recadrées au format idéal, selon la section !
Un excellent exemple illustrant comment l’alliance entre l’IA et l’expertise de nos équipes génère une véritable valeur ajoutée pour nos clients.
Pour en savoir plus sur cette option, n’hésitez pas à nous contacter.
Generative Fill, le remplissage intelligent
Maintenant, imaginez que vous ayez une photo qui serait parfaite pour votre Hero, si seulement elle était au format paysage…
C’est là que la fonctionnalité Generative Fill s’avère très utile, car elle permet de remplir intelligemment les zones manquantes avec un rendu naturel. Vous pouvez ainsi adapter facilement l’image à vos besoins sans compromettre la qualité.
Il existe de nombreuses autres fonctionnalités sur Cloudinary qui permettent de résoudre des problématiques courantes liées aux images.
Pour nous, cette solution est un excellent exemple d’utilisation de l’IA, car elle répond à de réels défis auxquels les webdesigners sont fréquemment confrontés. Celai permet également à nos clients de ne plus se préoccuper du format des images. Tout le monde y gagne !
3. ChatGPT : simplifier la rédaction web et optimiser le référencement
Inutile de présenter l'incontournable ChatGPT, un outil que nous utilisons également chez Coteries.
Nous vous partageons ici un prompt que nous employons régulièrement et qui se révèle particulièrement efficace lors de la refonte d’un site web.
Le prompt pour rédiger du contenu de haute qualité pour un site web
En tant qu’agence web, nous devons être en mesure de comprendre des secteurs très variés et de synthétiser en quelques phrases percutantes ce que nos clients nous expliquent en deux heures de réunion.
Quels éléments essentiels faut-il retenir pour leur site web ? Quels messages résonneront le mieux auprès de leur audience cible ?
En utilisant le prompt suivant, ChatGPT nous permet d’obtenir rapidement une première ébauche de contenu à intégrer dans les différentes sections du site web.
Imagine que tu es [un expert dans le domaine de votre choix]. Comment présenterais-tu [page ou section pour laquelle vous avez besoin de contenu] ?
Dans le cadre de la refonte d’un site web pour un cabinet d’avocat, on pourrait par exemple demander à ChatGPT de se mettre à la place d’un avocat et de présenter le droit de la famille. Consultez le résultat obtenu avec ce prompt, vous verrez c’est très efficace !
Ainsi, l'intelligence artificielle nous offre la possibilité d'accélérer considérablement la phase de rédaction, en nous épargnant le syndrome de la page blanche. Cependant, comme indiqué précédemment, elle sert d'assistant et ne remplace pas l'expertise et l'œil averti de nos équipes.
Notre vision de l’IA en tant qu’agence web
Chez Coteries, la qualité et le pragmatisme sont au cœur de nos valeurs, et nous veillons à ce que cela se reflète dans chacun de nos projets.
Cet engagement guide également le choix de nos outils, y compris ceux basés sur l’IA. C’est pourquoi nous intégrons l’intelligence artificielle uniquement lorsqu’elle garantit une qualité égale ou supérieure à nos standards et qu’elle nous permet d’optimiser les processus de notre agence web.
Cette vision est-elle également la vôtre ? Alors, travaillons ensemble sur votre site web, votre application web ou mobile ou vos campagnes marketing.
