An ambitious redesign for a highly visual travel guide
About NYC.fr
NYC.fr is a travel guide in French dedicated to New York City. Published by the company F5 Media, the site offers a rich and immersive editorial approach, designed to accompany travelers in preparing their trip through practical, visual, and regularly updated content.
Why contact us
The project aimed to completely redesign the site to give it a new visual and editorial dimension. The mockups were designed by a graphic designer external to the agency, Maud Rubeaud, which involved significant integration work to faithfully translate the imagined universe while ensuring a fluid and sustainable editing experience.
Expected performance
One of the major challenges was to offer a highly visual interface, largely driven by images, while allowing the editor to easily evolve the content over time. The site needed to remain simple to administer despite the presence of numerous photos, varied editorial layouts, and a constant need for updates.
Challenges and constraints
The main challenge lay in the faithful translation of demanding external mockups, with a high level of finish on the integration. It was also necessary to design a sufficiently flexible structure to allow the site to evolve autonomously for several years, without losing the graphic coherence or the originally defined identity.
Project steps
Custom integration work
Based on the provided mockups, we carried out significant integration work to precisely respect the graphic intentions, visual rhythms, and editorial hierarchy of the project. Particular attention was paid to the flexibility of the templates so that the numerous visuals could be renewed simply, without altering the layouts.
Evolving editorial structure
We designed a content architecture built to last, with reusable blocks and easy-to-maintain editorial compositions. The goal was to give the editor real autonomy in the evolution of the site, on highly illustrated pages, while preserving the overall coherence of the experience.
Advanced integration with Gutenberg
The project relied on advanced use of Gutenberg, GenerateBlocks, and GeneratePress Elements to add sidebar blocks and inject synchronized compositions directly into the content. This setup proved particularly effective: several years after going live, the site continues to evolve autonomously while remaining fully faithful to the initially conceived identity.
The technical stack
Adobe XD
Adobe's web design tool, which is no longer updated, is still sometimes used by graphic designers and web designers.
GeneratePress
One of the most popular WordPress themes in the official directory, favored 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 extension to GeneratePress developed by us, ensuring optimal performance, now available to everyone at generateperf.com.
Gutenberg
WordPress's native editor, offering the capabilities of a paid page builder within the CMS interface.
OVHcloud
The number 1 French host, whose infrastructure ensures optimal availability and response times in France.
Cloudflare
The world's most popular CDN, ideal for boosting performance and security at a controlled cost.
The result in numbers
The new site displays solid technical performance, both on desktop and mobile.
-35%
Time to First Byte (TTFB)
-49%
Largest Contentful Paint (LCP)
+18%
Site traffic
+7%
Affiliate partner revenue
If the Covid pandemic had not occurred, the revenue results would have been much higher. The redesign of NYC.fr remains a success for its publisher, who continues to keep it updated.
He testifies
The work of Agence Web Performance is excellent, from the planning of the mission to the report, everything is clear and well explained. Eroan is an expert in the field whom I can only recommend.
The rest and conclusion in images
