.svg){kind=icon}
.webp)
Le contexte
SuperForge, agence de développement web et design spécialisée en NoCode, oui c’est bien nous, cherchait à mettre à jour son site Internet. Les objectifs ? Mieux représenter son évolution au long des années, ses services avec transparence, proposer un parcours plus approprié à sa cible et renforcer son identité.
Les problématiques
“Le cordonnier est toujours le plus mal chaussé”. L’accompagnement des clients est le cœur du moteur de l’agence SuperForge, il était compliqué de planifier la refonte entre les projets clients. Depuis sa création, l’agence n’avait pas pu faire évoluer son site vitrine, son UX/UI et montrer les offres qu’elle proposait. Pour effectuer cette mission, il fallait réunir les parties prenantes (business, design, tech et market) de l’équipe lors d’ateliers de cadrage pour tout aligner dans un objectif global.
Le contexte
SuperForge, agence de développement web et design spécialisée en NoCode, oui c’est bien nous, cherchait à mettre à jour son site Internet. Les objectifs ? Mieux représenter son évolution au long des années, ses services avec transparence, proposer un parcours plus approprié à sa cible et renforcer son identité.
Les problématiques
“Le cordonnier est toujours le plus mal chaussé”. L’accompagnement des clients est le cœur du moteur de l’agence SuperForge, il était compliqué de planifier la refonte entre les projets clients. Depuis sa création, l’agence n’avait pas pu faire évoluer son site vitrine, son UX/UI et montrer les offres qu’elle proposait. Pour effectuer cette mission, il fallait réunir les parties prenantes (business, design, tech et market) de l’équipe lors d’ateliers de cadrage pour tout aligner dans un objectif global.
Les enjeux
- Mettre à plat tous les objectifs de chaque pôle.
- Redéfinir les cibles et les offres.
- Planifier le projet entre les missions clients et réaliser toutes les étapes en interne.
- Mettre à jour la direction artistique et la décliner sur plusieurs supports (comme les réseaux sociaux et les contenus téléchargeables).
- Améliorer l’expérience utilisateur en redessinant les parcours utilisateurs et l’architecture du site.
- Faire le tri en analysant les pages qui marchent et qui doivent être améliorées, avant d’en créer de nouvelles et générer un plan de redirection pour celles qui seront supprimées.
- Effectuer la refonte sans impacter la performance du site existant (comme les formulaires en place et le SEO).
- Mettre en place un plan de suivi et d'analyse pour évaluer les performances de la refonte et effectuer des ajustements si nécessaire.
Les étapes du service
Idéation & cadrage
Analyse de l’expérience utilisateur, ateliers de cadrage
1 semaine
Design
Maquettes, direction artistique, design system
2 semaines
Développement
Implémentation dans Webflow
3 semaines
Livraison
Recettage, livraison, documentation
1 semaine
La solution
.webp)
Des ateliers pour tout passer au peigne fin
Les données récoltées sur la navigation des utilisateurs du site actuel, par le biais de heatmaps (pages les plus fréquentées, tunnel de conversion, etc.) ont été analysées.
Ensuite, lors d’ateliers de cadrage, les objectifs business ont été revus, ainsi que les priorités, déclinées pour chaque pôle. D’autres aspects ont été retravaillés comme les persona, les offres, le marché, le positionnement, les users journey maps, les OKR et bien plus. Une fois cette étape franchie, les tâches ont été réparties, et l’équipe marketing a pris le relais pour la rédaction tandis que l’équipe design a préparé les parcours utilisateurs.
.webp)
Une image aux petits oignons
Après la préparation des contenus, l’équipe Design a conçu la nouvelle direction artistique. Elle a élaboré les maquettes détaillées, les illustrations et icônes sur mesure, repensée le design system et créé divers supports visuels. Ces supports aideront l’équipe marketing à promouvoir efficacement et de façon uniforme la nouvelle image de SuperForge.
Un développement pixel perfect
Passation au dev ! L’équipe des développeurs a récupéré les maquettes et a réalisé l’intégration dans Webflow au pixel perfect. Les animations à mettre en place (notamment au scroll et des sliders dynamic), la connexion des formulaires et autres outils ont été considérés. Tout comme le SEO lors de la préparation de contenu ainsi que dans les paramètres techniques du site. Une phase de test a été effectuée en interne avant que cette version voit le jour.
Tu en penses quoi de cette refonte ?
