Un besoin de modernisation technique et visuelle
À propos de Dartfish
Dartfish est une entreprise suisse pionnière dans l’analyse vidéo pour le sport de haut niveau. Depuis plus de 20 ans, elle accompagne athlètes, entraîneurs et fédérations à travers le monde avec des solutions logicielles de pointe.
Pourquoi nous avoir contacté
Avec un site vieillissant, difficile à maintenir et des performances techniques en baisse, Dartfish nous a sollicités pour une refonte complète. L’objectif était double : moderniser l’image de marque tout en améliorant significativement les temps de chargement et la stabilité du site, notamment sur mobile.
Performances attendues
L’un des objectifs majeurs était d’améliorer significativement les scores Core Web Vitals, en particulier sur mobile, afin d’offrir une expérience rapide et fluide à tous les utilisateurs. L’administration du site devait également gagner en réactivité pour faciliter le travail des équipes internes. Enfin, la structure du site devait permettre une évolution simple et une construction de nouvelles pages rapide, sans dépendre de développeurs à chaque itération.
Enjeux et contraintes
Le projet devait répondre à plusieurs contraintes : gérer un site multilingue avec un contenu riche et très structuré, tout en intégrant de nombreuses démonstrations vidéo sans impacter les performances. Il fallait également composer avec une charte graphique existante à respecter, tout en modernisant l’interface. Enfin, le nouveau site devait rester simple à maintenir et à faire évoluer en interne, même sans compétences techniques poussées.
Les étapes du projet
Définition des besoins
La première étape a consisté à cadrer le projet en identifiant les besoins fonctionnels, les contraintes techniques et les attentes des différentes parties prenantes. Ce travail a permis de construire une base claire et partagée pour la suite du projet.
Conception du design
Nous avons ensuite conçu les principaux gabarits de pages sur Figma, en veillant à respecter la charte graphique de Dartfish tout en apportant plus de clarté dans l’architecture de l’information. L’objectif était d’améliorer la lisibilité et la hiérarchisation des contenus, tout en posant un cadre évolutif.
Intégration du site
Une fois les maquettes validées, nous avons procédé à l’intégration du site sur un environnement de pré-production. Une attention particulière a été portée à la qualité du code, à la performance front-end et à la stabilité globale. L’ensemble a été construit pour garantir un bon niveau de maintenabilité, tant sur le plan technique qu’éditorial. Une prise en mains en partage d’écran a permis au client d’être rapidement autonome.
La stack technique
Adobe Illustrator
L’outil d’édition vectorielle leader dans le monde, adapté à la création de logos et identités en haute définition.
Figma
L’outil de design collaboratif, pensé pour créer des interfaces modernes, fluides et intuitives.
GeneratePress
L’un des thèmes WordPress les plus populaires du répertoire officiel, plébiscité pour sa performance et sa flexibilité.
WordPress
Le CMS leader au monde, qui propulse environ 40% des sites web grâce à son excellente flexibilité.
GenerateBlocks
La librairie de blocs Gutenberg orientée performance, idéale pour intégrer des design avancés avec légèreté.
GeneratePerf
L’extension compagnon de GeneratePress développée en interne par nos soins, gage d’une performance optimale.
Gutenberg
L’éditeur natif de WordPress, qui offre les capacités d’un page builder payant au sein de l’interface du CMS.
Cloudways
L’hébergeur Cloud managé qui offre l’un des meilleurs rapports prix/performance pour faire tourner des sites WordPress.
Cloudflare
Le CDN le plus populaire au monde, idéal pour booster performance et sécurité à un coût maîtrisé.
Le résultat en chiffres
Le nouveau site affiche des performances techniques solides, aussi bien sur desktop que sur mobile.
-22%
Time to First Byte (TTFB)
-42%
Largest Contentful Paint (LCP)
+12%
Réception de leads ciblés
-60%
Délai de publication d’une page
Ces résultats ont un impact direct sur l’expérience utilisateur, le SEO et ont facilité la gestion de l’administration en interne.
Elle témoigne
Nous avons fait appel à l’Agence WebPerformance pour une refonte complète de notre site internet. L’équipe a su cerner rapidement nos besoins et nous proposer un design moderne qui correspond parfaitement à notre image de marque. Le projet a été mené avec une grande efficacité, dans les délais annoncés et sans mauvaise surprise. Ils ont pris le temps de nous accompagner, de nous former pour que nous puissions prendre la main sur le site en toute autonomie et ils sont restés disponibles par la suite pour répondre à nos éventuelles questions. Je recommande sans hésitation l’Agence WebPerformance à toute entreprise souhaitant un site à la hauteur de ses ambitions, avec une équipe à l’écoute et véritablement investie.
La suite et fin en images
