How do we do this?

Digital eco-design

It is a preventive and innovative approach which makes it possible to reduce the negative impacts of sites or applications on the environment by thinking from the start of the project of its ecological cost while retaining its qualities of use.

Design

Design

Energy consumption in mV

The design of a website greatly influences the display performances on the different devices. Choosing to select and use RGB colors that consume less will enable to save energy. It is the same for UX: a simplified UX will limit the number of clicks and offer a more fluid navigation.

Hosting

Contenu

A powerful server used at 50% of its capacity
vs a basic server used at 100% of its capacity

Favoriser un serveur adapté à vos besoins afin d’optimiser son utilisation et rentabiliser sa capacité de stockage plutôt que des serveurs plus gourmands en énergie pour une capacité sous-exploitée. Les offres d’hébergement ‘vert’ utilisant des énergies renouvelables pour leurs équipements sont aussi des solutions permettant de réduire l’empreinte du digital sur l’environnement.


Development

Développement

Several CSS files multiply the number of actions
and increase energy consumption

Développement

1 CSS file = 1 action


Limiting the number of requests between the website and the server, by combining the static files such as CSS libraries & Javascript, by only developing the necessary functionalities and by using the browser cache function, enables to reduce the serve load and the energy consumption during browsing.

Contents

Développement

.JPG/.PNG
3 different images for each support

Développement

.SVG
1 fluid image that adapts to each support


The use of media and related storage has a true impact on the digital footprint of websites. Using the right compression, adapted dimensions and new export formats for image, video and audio files enables to reduce their weight and thus optimize the loading time and the footprint on hosting servers.