A need for technical and visual modernization
About Dartfish
Dartfish is a Swiss company, a pioneer in video analysis for high-level sports. For over 20 years, it has been supporting athletes, coaches, and federations worldwide with cutting-edge software solutions.
Why Contact Us
With an aging website that was difficult to maintain and experiencing declining technical performance, Dartfish approached us for a complete overhaul. The objective was twofold: to modernize the brand image while significantly improving loading times and website stability, especially on mobile.
Expected Performance
One of the major goals was to significantly improve Core Web Vitals scores, particularly on mobile, to provide a fast and smooth experience for all users. The website's administration also needed to become more responsive to facilitate the work of internal teams. Finally, the website structure needed to allow for simple evolution and quick creation of new pages, without relying on developers for every iteration.
Challenges and Constraints
The project had to meet several constraints: manage a multilingual website with rich and highly structured content, while integrating numerous video demonstrations without impacting performance. It was also necessary to work with an existing graphic charter to respect, while modernizing the interface. Finally, the new website had to remain easy to maintain and evolve internally, even without advanced technical skills.
Project Stages
Needs Definition
The first step involved framing the project by identifying functional needs, technical constraints, and the expectations of various stakeholders. This work provided a clear and shared foundation for the rest of the project.
Design Conception
We then designed the main page templates on Figma, ensuring we respected Dartfish's graphic charter while bringing more clarity to the information architecture. The goal was to improve content readability and hierarchy, while establishing a scalable framework.
Website Integration
Once the mockups were approved, we proceeded with the website integration in a pre-production environment. Special attention was paid to code quality, front-end performance, and overall stability. Everything was built to ensure a good level of maintainability, both technically and editorially. A screen-sharing onboarding session allowed the client to quickly become autonomous.
Technical Stack
Adobe Illustrator
The world's leading vector editing tool, suitable for creating high-definition logos and identities.
Figma
The collaborative design tool, designed to create modern, fluid, and intuitive interfaces.
GeneratePress
One of the most popular WordPress themes in the official directory, praised for its performance and flexibility.
WordPress
The world's leading CMS, powering approximately 40% of websites thanks to its excellent flexibility.
GenerateBlocks
The performance-oriented Gutenberg block library, ideal for integrating advanced designs with lightness.
GeneratePerf
The companion plugin for GeneratePress developed in-house by us, ensuring optimal performance.
Gutenberg
WordPress's native editor, offering the capabilities of a paid page builder within the CMS interface.
Cloudways
The managed Cloud host offering one of the best price/performance ratios for running WordPress sites.
Cloudflare
The world's most popular CDN, ideal for boosting performance and security at a controlled cost.
The results in numbers
The new site displays solid technical performance, both on desktop and mobile.
-22%
Time to First Byte (TTFB)
-42%
Largest Contentful Paint (LCP)
+12%
Reception of targeted leads
-60%
Page publication time
These results have a direct impact on user experience, SEO, and have facilitated internal administration management.
She testifies
We called on Agence WebPerformance for a complete redesign of our website. The team quickly understood our needs and proposed a modern design that perfectly matches our brand image. The project was carried out with great efficiency, within the announced deadlines and without any unpleasant surprises. They took the time to support us, to train us so that we could take control of the site autonomously and they remained available afterwards to answer any questions we might have. I recommend Agence WebPerformance without hesitation to any company wishing for a site that lives up to its ambitions, with a listening and truly invested team.
The rest and end in images
