Une refonte ambitieuse pour un guide de voyage très visuel
À propos de NYC.fr
NYC.fr est un guide de voyage en français consacré à New York City. Édité par la société F5 Media, le site propose une approche éditoriale riche et immersive, pensée pour accompagner les voyageurs dans la préparation de leur séjour à travers des contenus pratiques, visuels et régulièrement mis à jour.
Pourquoi nous avoir contactés
Le projet visait à refondre entièrement le site afin de lui donner une nouvelle dimension visuelle et éditoriale. Les maquettes avaient été conçues par une graphiste externe à l’agence, Maud Rubeaud, ce qui impliquait un important travail d’intégration pour retranscrire fidèlement l’univers imaginé tout en garantissant une expérience d’édition fluide et durable.
Performances attendues
L’un des enjeux majeurs consistait à proposer une interface très visuelle, largement portée par l’image, tout en permettant à l’éditeur de faire évoluer facilement les contenus au fil du temps. Le site devait rester simple à administrer malgré la présence de nombreuses photos, de mises en page éditoriales variées et d’un besoin constant de mise à jour.
Enjeux et contraintes
Le défi principal résidait dans la traduction fidèle de maquettes externes exigeantes, avec un haut niveau de finition sur l’intégration. Il fallait également concevoir une structure suffisamment souple pour permettre au site d’évoluer en autonomie pendant plusieurs années, sans perdre la cohérence graphique ni l’identité définie à l’origine.
Les étapes du projet
Travail d’intégration sur mesure
À partir des maquettes fournies, nous avons mené un important travail d’intégration afin de respecter précisément les intentions graphiques, les rythmes visuels et la hiérarchie éditoriale du projet. Une attention particulière a été portée à la souplesse des gabarits pour que les nombreux visuels puissent être renouvelés simplement, sans dénaturer les mises en page.
Structuration éditoriale évolutive
Nous avons conçu une architecture de contenus pensée pour durer, avec des blocs réutilisables et des compositions éditoriales faciles à maintenir. L’objectif était de donner à l’éditeur une vraie autonomie dans l’évolution du site, sur des pages très illustrées, tout en préservant la cohérence globale de l’expérience.
Intégration avancée sous Gutenberg
Le projet s’est appuyé sur une utilisation avancée de Gutenberg, de GenerateBlocks et des Elements de GeneratePress pour greffer des blocs en sidebar et injecter des compositions synchronisées directement dans les contenus. Ce dispositif s’est révélé particulièrement efficace : plusieurs années après la mise en ligne, le site continue d’évoluer en autonomie tout en restant pleinement fidèle à l’identité initialement conçue.
La stack technique
Adobe XD
L’outil de webdesign d’Adobe, qui n’est plus mis à jour, reste parfois utilisé par des graphistes et designers web.
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.
OVHCloud
L’hébergeur français numéro 1, dont les infrastructures assurent une disponibilité et des temps de réponse optimaux en France.
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.
-35%
Time to First Byte (TTFB)
-49%
Largest Contentful Paint (LCP)
+18%
Fréquentation du site
+7%
Revenus de partenaires affiliation
Si la pandémie du Covid n’était pas passée par là, les résultats en termes de revenus auraient été très largement supérieurs. La refonte de NYC.fr reste quoi qu’il en soit un succès pour son éditeur, qui continue à le maintenir à jour.
Il témoigne
Le travail de l’agence Web Performance est excellent, de la planification de la mission jusqu’au compte-rendu tout est clair et bien expliqué. Eroan est un expert dans le domaine que je ne peux que recommander.
La suite et fin en images
