.png)
.png)
.png)
.png)
The main challenge was building a functional website that would be easy to maintain, evolve, and enrich over time. This applied both to visual changes and to ongoing content production.
By implementing a clear CMS structure and relying on the Client First methodology, the project ensures smooth onboarding for any future Webflow developer, a clear separation between structure, style, and content, and a consistent system aligned with Sunology’s broader web ecosystem.
The result is a clean, scalable, and maintainable platform designed to grow with Sunology’s educational ambitions.
Sunology is a Nantes-based company with the ambition of making solar energy more accessible to private households. In collaboration with François, Product Owner, I worked on the development of the Tous gagnants platform, a website designed to provide clear, reliable, and high-quality information about solar energy to the general public.
For this project, the visual design was already defined. I intervened as a Webflow developer, focusing on translating the mockups into a robust, scalable, and easy-to-maintain website.
The main objectives of this mission were:
- Structuring CSS with a reliable and sustainable architecture
- Creating and configuring CMS collections to efficiently organize content
- Developing the provided mockups with high fidelity in Webflow
To ensure a solid foundation, the platform was built following Finsweet’s Client First naming conventions and architectural recommendations.
Client First was chosen to guarantee long-term maintainability and clarity. Its structured class naming, logical spacing system, and scalable architecture make the project easy to understand, even for a developer discovering the Webflow project months or years later.
This approach is particularly relevant as Tous gagnants is a satellite site connected to Sunology’s main ecosystem. Consistency, readability, and predictability were essential to ensure smooth collaboration and future evolution.
A key goal of the project was to make the site easy to maintain and update by non-technical team members. I structured multiple CMS collections so that any employee could:
- Update or add content without touching the layout
- Make visual changes safely
- Keep content consistent across the site
This CMS-driven approach ensures flexibility both for editorial updates and future visual evolutions.
By defining a clear CSS structure and creating a reference style guide directly in Webflow, I was able to develop the different pages efficiently. Several advanced needs were addressed, including:
- Dynamic breadcrumbs using CMS multi-reference fields
- Localized date display for CMS content
- Multiple layouts within a single CMS template using layout-specific classes and conditional visibility
These solutions allowed the platform to remain dynamic, scalable, and content-driven while respecting Webflow best practices.
