Concerned about its environmental impact, our local authority has chosen to work with the WebSenso agency to create an eco-designed website. This approach enables us to reconcile digital performance with ecological responsibility. Our aim is to offer a platform that meets users' needs while minimizing our ecological footprint.
OUR APPROACH
Minimalist design: eliminating non-essential elements.
Optimized content: every piece of information has been carefully selected.
Lean resources: compressed images, simplified code, etc.
WHAT IS ECO-DESIGN?
Web eco-design consists in developing websites that consume less energy and are more respectful of the environment, by optimizing resources and code, and favoring environmentally-friendly hosting providers. This approach not only reduces carbon footprints, but also improves overall performance and user experience.
KEY TOOLS AND BENCHMARKS
EcoIndex
EcoIndex is a free tool that evaluates the environmental impact of websites, by analyzing criteria such as page weight, complexity and number of requests. It assigns a score from 0 to 100 and a grade from A to G to measure ecological efficiency.
GTmetrix
GTmetrix evaluates a site's performance by measuring its loading speed, size and queries. This tool indirectly contributes to eco-design by promoting lighter, more efficient sites.
115 best practices in web eco-design
This guide offers a structured method for designing ecologically responsible sites, covering all stages of the web project lifecycle, from specification to end-of-life. Practices include optimizing energy consumption, improving performance and reducing resource use.
OUR SITE IN FIGURES
Page weight: considerably reduced.
Loading time: optimized.
CO2 emissions: reduced to a minimum.
COMMITMENTS TO DIGITAL SOBRIETY
Our site redesign project is part of an eco-responsible approach, with the help of WebSenso, which follows reliable benchmarks and indicators to guarantee a lightweight, high-performance site that respects the environment, while meeting users' needs.
STRATEGIC CHOICES
Reduced page weight: asynchronous loading of images, limited use of fonts, pre-loading of fonts.
Limiting server requests: optimization without sacrificing functionality.
Optimization of user paths: improved navigation and accessibility.
Technical optimization: aggregation, minification, responsive images, etc.
AN ADAPTED METHOD FOR MINIMIZED IMPACT
WebSen'SCORE
This collaborative evaluation process enabled us to measure the project's environmental impact, discuss each design option and adjust our choices to obtain an optimal score.
UX DESIGN AT THE HEART OF ECO-DESIGN
UX design plays a key role in eco-design by simplifying processes and optimizing performance. We used methods such as focus groups and card sorting to create an intuitive and efficient content structure, while reducing unnecessary functionality.
OPTIMIZED DEVELOPMENT
Optimized caching: static files are stored on the user side for rapid reloading.
Lean HTML code: a simplified structure reduces page size and improves speed.
Asynchronous loading: non-critical resources are loaded off-line to improve performance.
RESPONSIBLE INTEGRATION
Optimized assets: only the fonts needed are integrated, and icons are grouped together to limit requests.
Fewer external dependencies: use of native solutions rather than third-party libraries to lighten the site.
High-performance code: standardized code that complies with CSS best practices to guarantee better performance and durability.
REDUCING ENVIRONMENTAL IMPACT
Technical choices such as limiting animations and enabling optimized caching reduce energy consumption while delivering a fluid experience.
A PARTNERSHIP FOR A SUSTAINABLE APPROACH
Thanks to WebSenso's expertise and our shared commitment, we've created a high-performance site that respects the environment and is in line with our values.