Engineering a seamless experience

Client

NFU Santé

Services

Web Development

Engineering a seamless experience

Client

NFU Santé

Services

Web Development

Overview
Trepa handled the full technical development of NFU Santé's website, building it in Webflow's CMS to support custom animations and micro-interactions, and purchasing the client's domain name. The client can now easily self-edit content going forward. The site launched fully ready to go live, backed by 30 days of post-launch support.
Date
Apr 2025
Duration
1 to 3 months
Pricing range
5k to 10k

The plan

Timeline

Strategy

Chose Webflow's CMS for smooth, reliable custom animations

Drafting & Reviews

Reviewed and refined the already finalized hi-fi prototype

Development

Built templates, components, and collections in Webflow

Delivery & Support

Delivered the live site plus 30 days of post-launch support

Pain points & solutions

Most challenges here were technical: making custom animations, icons, and interactions perform identically across every browser and device NFU Santé's audience might use, all found through repeated staging-site testing.
Custom animations needed multiple rounds of testing to work correctly across browsers, especially Safari, which rendered them incorrectly, and the navigation background-blur interaction proved especially tricky to get working on every device.
Icons representing the different space features were not displaying correctly on some devices, requiring the team to rebuild them in a different, more broadly compatible format to ensure consistent rendering everywhere.
Contact forms needed thorough testing to confirm notifications reached the correct addresses, and heavy images had to be compressed and carefully re-edited to keep the site fast without sacrificing visual quality.
Solutions tested

Systematic cross-browser and cross-device testing

The site was tested repeatedly across every major browser (Safari, Chrome, Edge, Firefox, Opera, and others) and device type (iPhones, Android phones, tablets, iPads, MacBooks, PCs, and Surfaces), until display and experience were confirmed fully consistent everywhere.

Asset re-export for broad compatibility

Icons, animations, and other assets were re-exported into different, more broadly supported formats, guided by browser-specific documentation, to ensure every element rendered correctly across all environments.

Performance optimization

Images were compressed and carefully re-edited to keep the site light and fast-loading without sacrificing visual quality, preventing the slowdowns that heavy, uncompressed assets would otherwise have caused across all pages.

Iterative custom code refinement

Tricky interactions, like the navigation background blur, required the custom code to be rewritten multiple times until it behaved consistently across every browser and device the team tested it on.

Connected healthcare

The final result is a fully functional website: light, fast, clear, and completely on-brand, with a fun, interactive experience woven throughout. Every animation, icon, and interaction performs identically across every browser and device NFU Santé's audience might use, and the Webflow CMS build means the client can keep it updated with ease.

Beyond the technical polish, the site makes it easy for visitors to reach NFU's team and sign up for their new health spaces, helping bring connected, holistic healthcare to local communities across France, one region at a time.
‍
Related Work
Contact us

Are you looking for something similar?

Get in touch to discuss a solution for your project.
Let’s talk