< Integration />

NYC.fr, redesign of the New York City travel guide in French

Eroan Boyer

June 16, 2022

2 minutes

An ambitious redesign for a highly visual travel guide

About NYC.fr

NYC.fr is a French-language travel guide dedicated to New York City. Published by F5 Media, the site offers a rich and immersive editorial approach, designed to assist travelers in preparing their trip with 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 created by an external graphic designer, 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 manage despite the presence of numerous photos, varied editorial layouts, and a constant need for updates.

Challenges and Constraints

The main challenge lay in faithfully translating demanding external mockups, with a high level of finish in the integration. It was also necessary to design a flexible enough structure to allow the site to evolve independently for several years, without losing the graphic coherence or the originally defined identity.

Project Stages

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 easily renewed without altering the layouts.

Evolvable 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 evolving 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 launch, the site continues to evolve independently while remaining fully faithful to the initially conceived identity.

Technical Stack

Design

Adobe XD

Adobe's web design tool, which is no longer updated, is still sometimes used by graphic designers and web designers.

CMS & theme

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.

Plugins

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.

Infrastructure & hosting

OVHCloud

The #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 results 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%

Website Traffic

+7%

Affiliate Partner Revenue

If the Covid pandemic hadn't happened, 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.

Jérôme Guyonnet, Site Publisher at F5 Media

The rest and end in images

The homepage immediately sets the tone, then seeks to understand the visitor's objectives to guide them.
The homepage immediately sets the tone, then seeks to understand the visitor's objectives to guide them.
The article banner, very original, gives the site a strong identity while being very effective in terms of UX.
The article banner, very original, gives the site a strong identity while being very effective in terms of UX.
In the content listing pages, the sidebar highlights multiple stylized components.
In the content listing pages, the sidebar highlights multiple stylized components.

Share this achievement now!

Our other client projects