SlideShare une entreprise Scribd logo
Penser et
designer un site
éco-responsable
Le live va commencer d’ici quelques
minutes ! Vous pouvez vous préparer un
bon café en attendant !
Merci de couper votre micro & votre
caméra ☺
WEBINAR PILOT’IN ☕
Penser et designer un site
éco-responsable
Julien Morisse-Chevallier @Pilot’in
Webinar - …
Connaître les enjeux
éco-responsables liés au web
Penser et designer un site éco-responsable
OBJECTIF 001
Savoir amorcer une démarche
respectueuse de l’environnement
dans la conception de site web
Penser et designer un site éco-responsable
OBJECTIF 002
La séance
001 Pourquoi faire un site éco-responsable ?
002 Quels leviers avons-nous à notre disposition ?
003 5 bonnes pratiques de conception design
004 Pour aller encore plus loin
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
001
Pourquoi faire un site
éco-responsable ?
Penser et designer un site éco-responsable
“Les infrastructures du web (data centers,
réseaux, infrastructure web mobile, etc.)
représentent aujourd’hui 3% de la consommation
électrique mondiale.“
Green IT
Penser et designer un site éco-responsable
“A ce rythme, on estime que la consommation
énergétique liée au web atteindrait, en 2030,
l'équivalent de la consommation énergétique
mondiale de 2008, tous secteurs confondus !“
Gerhard Fettweis de l'Université de Dresde
Penser et designer un site éco-responsable
“D’ici 2025, le numérique aura autant d’impact
carbone que le niveau de pollution de
l’industrie automobile “
Green IT
Penser et designer un site éco-responsable
Les utilisateurs (nous) consomment beaucoup d’
énergie rien qu’en utilisant simplement des
appareils comme les téléphones, tablettes,
ordinateurs.
Penser et designer un site éco-responsable
“D’après une étude de Harvard, deux requêtes
dans Google correspondent à l’énergie
nécessaire à une bouilloire d’eau. Or
200 millions de recherches sont effectuées par
jour sur Google …”
notre-planete.info
Penser et designer un site éco-responsable
“Envoyer un simple mail entraîne l'émission de
4g de CO2, jusqu'à 50g avec une importante
pièce jointe. Or, 290 milliards de mails sont
envoyés chaque jour...”
notre-planete.info
Penser et designer un site éco-responsable
Mais la partie n’est pas perdue d’avance,
nous pouvons agir !
Penser et designer un site éco-responsable
"Nos travaux montrent qu'il est possible de diminuer
par un facteur 1 000 la consommation électrique
d'Internet tout en garantissant la qualité du service.
Autrement dit, on pourrait avoir en 2020 un réseau qui
consomme 90 % de moins qu'en 2010, même avec
l'explosion du trafic."
Greentouch, consortium d'industriels et
d'universitaires, 2015
Penser et designer un site éco-responsable
002
Quels leviers
avons-nous à notre
disposition ?
Penser et designer un site éco-responsable
Selon le Green IT
Les utilisateurs Le réseau et ses
infrastructures
Les centres de données ou
Data Center
Les acteurs des émissions de CO2 du numériques
Penser et designer un site éco-responsable
Selon le Green IT
Les utilisateurs
47%
Le réseau et ses
infrastructures
28%
Les centres de données ou
Data Center
25%
Les acteurs des émissions de CO2 du numériques
Penser et designer un site éco-responsable
Sur une année,les 100 sites français les plus visités
consomment côté serveur
0,58 GWh / an
Web Energy Archive
Du point de vue serveur
Penser et designer un site éco-responsable
Sur une année,les 100 sites français les plus visités
consomment l’équivalent de 3000 foyers,
soit 8 GWh / an
Web Energy Archive
Du point de vue des utilisateurs :
Penser et designer un site éco-responsable
“Pour utilisateurs,il est plus difficile de réduire
leur consommation dans leur navigation.C'est
surtout aux webmasters de faire en sorte que leur
site devienne plus écologique.”
notre-planete.info
Penser et designer un site éco-responsable
De l’appareil utilisé Du navigateur utilisé Du site visité
La consommation d’un utilisateur
dépend majoritairement
Penser et designer un site éco-responsable
Selon le Green IT
Ordinateur
50wh / 1000 pages
Smartphone
9wh / 1000 pages
La consommation des appareils
Penser et designer un site éco-responsable
Selon le Green IT
La consommation des navigateurs
Google Chrome,
utilisé par 37% des
français
Firefox,
utilisé par 21% des
français
Penser et designer un site éco-responsable
“Le poids moyen des pages
web a été multiplié par 6 entre 2008 et
2015 !”
notre-planete.info
Penser et designer un site éco-responsable
003
Cinq bonnes pratiques
de conception
Penser et designer un site éco-responsable
Augmentez l’éco-responsabilité d’un
site, c’est le rendre plus rapide, épuré
et précis.
Dans un sens, c’est aussi augmenter
l’expérience utilisateur.
Penser et designer un site éco-responsable
Réduire l’impact de son site sur son
environnement c’est le rendre le plus
minimaliste possible.
Dans un sens, c’est aussi réduire ses
coût de production
Eliminez les
fonctionnalités
non essentielles
0001
L'importance du design dans l'efficacité de votre site web
Penser et designer un site éco-responsable
Il ne sert à rien d’optimiser le code
d’une fonctionnalité non-essentielle
Penser et designer un site éco-responsable
70 % des fonctionnalités demandées par les
utilisateurs ne sont pas essentielles et que 45 % ne
sont jamais utilisées.
Etudes du Cast Software et du Standish Group
Penser et designer un site éco-responsable
Le plus gros des optimisations se passe donc en
amont de la réalisation d’un site web ou d’une
application.Et pour optimiser il faut sonder les
utilisateurs,prototyper,tester,afin d’éviter au
maximum les développement inutiles
L'importance du design dans l'efficacité de votre site web
Planification
Définition des
objectifs et recherche
préparatoire
Exploration
Recueil des besoins
des utilisateurs /
entreprises
Idéation
Génération collective
d’idée
Conception
Création de wireframes
et de prototypes
Evaluation
Test utilisateurs afin
d’évaluer les
solutions générées
Le processus de conception user-centric
Penser et designer un site éco-responsable
Réduire l’impact de son site sur l’environnement,
c’est aussi réduire son coût de production
Prendre les
mensuration du
projet
0002
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
Après avoir bien défini le cadre du projet,il faut
ensuite bien le spécifier,pour éviter la
“sur-qualité”ou le développement inutile
Penser et designer un site éco-responsable
La taille nécessaire des
images sur le site
Le nombre d’éléments par
page
Exemples d’éléments à spécifier
Penser et designer un site éco-responsable
En jouant sur le nombre d’items affichés sur la
page de résultats de son moteur de recherche
Bing,a démontré qu’il était possible de réduire
jusqu’à 80 % l’infrastructure physique (nombre de
serveurs) sous-jacente.
Exemple
Limitez
l’utilisation des
contenus lourds
0003
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
Photos Vidéos
Les deux types de contenus lourds les plus courants
Illustrations
Penser et designer un site éco-responsable
Moins de photos, plus
compressées, adaptée.
Moins grande
os
Limiter l’usage, ne pas
les héberger directement
sur le serveur. Vidéo svg
avec BodyMovin
Les alternatives
Limiter l’usage des
illustrations 3D, préférer
le format vectoriel svg
Penser et designer un site éco-responsable
https://imageoptim.com
http://compressor.io/
Pour compresser vos images
https://handbrake.fr/
pour compresser vos vidéos
Des outils pour vous aider
Utilisez le
lazy loading
0003
Penser et designer un site éco-responsable
0004
Ne générez
pas de 404
0005
Penser et designer un site éco-responsable
L'importance du design dans l'efficacité de votre site web
404
ne pas générer de page 404, mais redirigier
plug in de Konrad
Quelques
exemples
0006
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
Penser et designer un site éco-responsable
003
Aller plus loin
Penser et designer un site éco-responsable
L'importance du design dans l'efficacité de votre site web
Eco-conception
web / les 115
bonnes
pratiques
Frédéric Bordage
L'importance du design dans l'efficacité de votre site web
Gauthier
Roussilhe
Repenser le numérique dans les limites
planétaires
http://gauthierroussilhe.com/en
Prône une approche
“environnement-centric” plutôt que
“user-centric” de la conception web
Penser et designer un site éco-responsable
“Lorsque l'on visite un site web,80 % de l'énergie
dépensée provient de l'ordinateur (ou tablette,
smartphone...),20 % du navigateur web”
Frédéric Bordage,co-fondateur de l'Alliance Green IT (AGIT),
Penser et designer un site éco-responsable
“Le véritable levier est donc d'augmenter au maximum la durée de
vie de nos équipements électroniques.La responsabilité incombe
donc plutôt aux fabricants de matériels électroniques et aux
webmasters qui doivent concevoir des sites web épurés et
éco-conçus de manière à ce qu'ils soient lisibles sur des
équipements plus anciens”
Frédéric Bordage,co-fondateur de l'Alliance Green IT (AGIT),
Penser et designer un site éco-responsable
éteindre les appareils
reliés à Internet
lorsqu'ils ne sont pas
utilisés (la nuit
notamment)
réduire l'usage des
clouds
nettoyer régulièrement ses
boîtes mail
Limiter sa consommation en tant qu’utilisateur
UN JOLI SOUS-TITRE
Les engagements
de Pilot’in
Penser et designer un site éco-responsable
Produire,tout en ayant un impact positif sur notre
environnement et sur l’épanouissement personnel
de nos collaborateurs
Penser et designer un site éco-responsable
Agir dans nos locaux
(courses, énergie, eau),
matériel
Changer notre manière de
produire (outils,
méthodes)
Nous engager à l’extérieur
(actions, causes)
Une stratégie en trois axes
Lire nos engagements
L'importance du design dans l'efficacité de votre site web
https://www.notre-planete.info/actualites
/4328-consommation-energie-web-saturation
https://eco-communication.ademe.fr/sites/
default/files/les-115-bonnes-pratiques-ec
oconception-web-frederic-bordage.pdf
https://collectif.greenit.fr/outils.html
https://collectif.greenit.fr/ecoconception
-web/2019-05-Ref-eco_web-checklist.v3.pdf
https://www.fournisseur-energie.com/intern
et-plus-gros-pollueur-de-planete/
https://www.notre-planete.info/actualites/
4328-consommation-energie-web-saturation
Sources
Julien
Directeur artistique
VOTRE INTERLOCUTEUR
Croissance continue
11 ans d’histoire
2008
Julien Dereumaux lance
son activité webmarketing
#optimiste
2013
Lancement de la
SAS Pilot’in
#catamaran
2015
Augmentation du
capital social à
20 000 euros et
fusion avec
Com’op
#trimaran
2020
17 personnes
dans l’équipage
#vedette
TOP 30 FRANCE de 2015 à 2019
des agences digitales
Ces organismes soutiennent Pilot’in dans ses démarches d’organisation, de recrutement et d’innovation
*Classement réalisé par Décideurs magazine sur les critères de robustesse, optimisation pour le SEO et
rapidité des sites de Pilot’in avec interview de plusieurs clients.
Reconnaissances, partenaires & engagements
Intégré à l’écosystème
L’équipage
17 marins dédiés à la performance !
Dans 130m2 de beaux bureaux en plein coeur de Lyon (Place des Terreaux)
1 Président
1 Directeur associé
2 pilotes de clientèle 2 Webmarketeurs
3 Webdesigners 5 Développeurs
Consulter les CVs des matelots
Les synergies avec Lyon Entreprises
+
Création de sites web
Webmarketing
Accompagnement et
formation
Média économique régional
Mise en place de stratégie SEO
Apport de leads BtoB sur Lyon et
sa région
Pilot’in a racheté lors de l’été 2017 le portail d’information économique et annuaire des entreprises de
Rhône-Alpes en ligne depuis 2001. Les 2 entités restent autonomes et travaillent sur plusieurs clients
en commun.
En chiffres :
32 000 entreprises enregistrées et enrichies ;
1 800 000 visiteurs par an ;
3 500 000 pages vues ;
58 000 abonnés qui reçoivent la newsletter hebdomadaire ;
Restons en contact !
Et retrouvez d’autres webinars sur
notre chaine
Penser et designer un site éco-responsable

Contenu connexe

Tendances

Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition APIAlphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm
 
Présentation de Django @ Orange Labs (FR)
Présentation de Django @ Orange Labs (FR)Présentation de Django @ Orange Labs (FR)
Présentation de Django @ Orange Labs (FR)
Martin Latrille
 
Veille commerciale commercialisation produit technologique
Veille commerciale commercialisation produit technologiqueVeille commerciale commercialisation produit technologique
Veille commerciale commercialisation produit technologiqueAkova
 
Workshop spring session 2 - La persistance au sein des applications Java
Workshop spring   session 2 - La persistance au sein des applications JavaWorkshop spring   session 2 - La persistance au sein des applications Java
Workshop spring session 2 - La persistance au sein des applications JavaAntoine Rey
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
ENSET, Université Hassan II Casablanca
 
Qu'est ce que la veille informationnelle ?
Qu'est ce que la veille informationnelle ?Qu'est ce que la veille informationnelle ?
Qu'est ce que la veille informationnelle ?
LPLECORBUSIER
 
Veille : une méthode simple pour une veille quotidienne
Veille : une méthode simple pour une veille quotidienneVeille : une méthode simple pour une veille quotidienne
Veille : une méthode simple pour une veille quotidienne
Faber Content
 
Cours 1 : introduction a l'ergonomie logicielle
Cours 1 :  introduction a l'ergonomie logicielleCours 1 :  introduction a l'ergonomie logicielle
Cours 1 : introduction a l'ergonomie logicielle
ludolmn
 
Services web soap-el-habib-nfaoui
Services web soap-el-habib-nfaouiServices web soap-el-habib-nfaoui
Services web soap-el-habib-nfaoui
El Habib NFAOUI
 
PHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben AlayaPHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben Alaya
Mahdi Ben Alaya
 
La communication non violente
La communication non violenteLa communication non violente
La communication non violente
Olivier Roland
 
Formation JPA Avancé / Hibernate gratuite par Ippon 2014
Formation JPA Avancé / Hibernate gratuite par Ippon 2014Formation JPA Avancé / Hibernate gratuite par Ippon 2014
Formation JPA Avancé / Hibernate gratuite par Ippon 2014
Ippon
 
Nodejs - A performance que eu sempre quis ter
Nodejs - A performance que eu sempre quis terNodejs - A performance que eu sempre quis ter
Nodejs - A performance que eu sempre quis ter
Emerson Macedo
 
OAuth2 and Spring Security
OAuth2 and Spring SecurityOAuth2 and Spring Security
OAuth2 and Spring Security
Orest Ivasiv
 
우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구
Jae Sung Park
 
Domain Driven Design
Domain Driven DesignDomain Driven Design
Domain Driven Design
Young-Ho Cho
 
Flux rss powerpoint
Flux rss powerpointFlux rss powerpoint
Flux rss powerpointJujuOr
 
Formation wordpress
Formation wordpressFormation wordpress

Tendances (20)

Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition APIAlphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
 
Présentation de Django @ Orange Labs (FR)
Présentation de Django @ Orange Labs (FR)Présentation de Django @ Orange Labs (FR)
Présentation de Django @ Orange Labs (FR)
 
Veille commerciale commercialisation produit technologique
Veille commerciale commercialisation produit technologiqueVeille commerciale commercialisation produit technologique
Veille commerciale commercialisation produit technologique
 
Workshop spring session 2 - La persistance au sein des applications Java
Workshop spring   session 2 - La persistance au sein des applications JavaWorkshop spring   session 2 - La persistance au sein des applications Java
Workshop spring session 2 - La persistance au sein des applications Java
 
Support de cours angular
Support de cours angularSupport de cours angular
Support de cours angular
 
Qu'est ce que la veille informationnelle ?
Qu'est ce que la veille informationnelle ?Qu'est ce que la veille informationnelle ?
Qu'est ce que la veille informationnelle ?
 
Veille : une méthode simple pour une veille quotidienne
Veille : une méthode simple pour une veille quotidienneVeille : une méthode simple pour une veille quotidienne
Veille : une méthode simple pour une veille quotidienne
 
Cours 1 : introduction a l'ergonomie logicielle
Cours 1 :  introduction a l'ergonomie logicielleCours 1 :  introduction a l'ergonomie logicielle
Cours 1 : introduction a l'ergonomie logicielle
 
Services web soap-el-habib-nfaoui
Services web soap-el-habib-nfaouiServices web soap-el-habib-nfaoui
Services web soap-el-habib-nfaoui
 
Veille informationnelle
Veille informationnelleVeille informationnelle
Veille informationnelle
 
PHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben AlayaPHP (Partie II) Par Mahdi Ben Alaya
PHP (Partie II) Par Mahdi Ben Alaya
 
La communication non violente
La communication non violenteLa communication non violente
La communication non violente
 
Formation JPA Avancé / Hibernate gratuite par Ippon 2014
Formation JPA Avancé / Hibernate gratuite par Ippon 2014Formation JPA Avancé / Hibernate gratuite par Ippon 2014
Formation JPA Avancé / Hibernate gratuite par Ippon 2014
 
Methododologie de la recherche documentaire M1 Lettres modernes
Methododologie de la recherche documentaire M1 Lettres modernesMethododologie de la recherche documentaire M1 Lettres modernes
Methododologie de la recherche documentaire M1 Lettres modernes
 
Nodejs - A performance que eu sempre quis ter
Nodejs - A performance que eu sempre quis terNodejs - A performance que eu sempre quis ter
Nodejs - A performance que eu sempre quis ter
 
OAuth2 and Spring Security
OAuth2 and Spring SecurityOAuth2 and Spring Security
OAuth2 and Spring Security
 
우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구우리가 몰랐던 크롬 개발자 도구
우리가 몰랐던 크롬 개발자 도구
 
Domain Driven Design
Domain Driven DesignDomain Driven Design
Domain Driven Design
 
Flux rss powerpoint
Flux rss powerpointFlux rss powerpoint
Flux rss powerpoint
 
Formation wordpress
Formation wordpressFormation wordpress
Formation wordpress
 

Similaire à Penser et designer un site éco-responsable

L'éco-conception d'un site web : Fiction ou réalité ?
L'éco-conception d'un site web : Fiction ou réalité ?L'éco-conception d'un site web : Fiction ou réalité ?
L'éco-conception d'un site web : Fiction ou réalité ?
Jean-Baptiste Couton
 
Comment réduire l’impact de votre produit ?
Comment réduire l’impact de votre produit ?Comment réduire l’impact de votre produit ?
Comment réduire l’impact de votre produit ?
Thiga
 
Présentation Green Code Lab - Olivier Philippot
Présentation Green Code Lab - Olivier PhilippotPrésentation Green Code Lab - Olivier Philippot
Présentation Green Code Lab - Olivier PhilippotMartin Neys
 
Green IT - Invesstissements et philosophie d'entreprise
Green IT - Invesstissements et philosophie d'entrepriseGreen IT - Invesstissements et philosophie d'entreprise
Green IT - Invesstissements et philosophie d'entreprise
AastraBelgium
 
Sustainable [Green] UX
Sustainable [Green] UXSustainable [Green] UX
Sustainable [Green] UX
Jelto von Schuckmann
 
Sustainable green ux
Sustainable green uxSustainable green ux
Sustainable green ux
Jelto von Schuckmann
 
Salon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène Guerriat
Salon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène GuerriatSalon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène Guerriat
Salon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène Guerriat
Hélène Guerriat
 
[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle
[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle
[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle
GreenLabCenter
 
30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable
Julien Dereumaux
 
Présentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UPPrésentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UP
Mélanie Forcheron
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
Julien Dereumaux
 
Agile Secteur Public - Numérique Responsable
Agile Secteur Public - Numérique ResponsableAgile Secteur Public - Numérique Responsable
Agile Secteur Public - Numérique Responsable
Christophe Rochefolle
 
Eco Conception logicielle : Comment réduire par deux la consommation d’...
Eco Conception logicielle : Comment réduire par deux la consommation d’...Eco Conception logicielle : Comment réduire par deux la consommation d’...
Eco Conception logicielle : Comment réduire par deux la consommation d’...
Microsoft
 
UX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonUX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie Baton
Flupa
 
Présentation meetup Smart Data dans le BTP
Présentation meetup Smart Data dans le BTPPrésentation meetup Smart Data dans le BTP
Présentation meetup Smart Data dans le BTP
Jeremy Fain
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
AudéLor
 
Eco-Innovation : témoignage et expérience numérique
Eco-Innovation : témoignage et expérience numériqueEco-Innovation : témoignage et expérience numérique
Eco-Innovation : témoignage et expérience numérique
Neoma-Interactive
 
Green-computing
Green-computingGreen-computing
Green-computing
alg2801
 
Empreinte carbone des cloud public et datacenters : comparer des pommes et de...
Empreinte carbone des cloud public et datacenters : comparer des pommes et de...Empreinte carbone des cloud public et datacenters : comparer des pommes et de...
Empreinte carbone des cloud public et datacenters : comparer des pommes et de...
Pierre Rust
 
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conceptionLe Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
OCTO Technology
 

Similaire à Penser et designer un site éco-responsable (20)

L'éco-conception d'un site web : Fiction ou réalité ?
L'éco-conception d'un site web : Fiction ou réalité ?L'éco-conception d'un site web : Fiction ou réalité ?
L'éco-conception d'un site web : Fiction ou réalité ?
 
Comment réduire l’impact de votre produit ?
Comment réduire l’impact de votre produit ?Comment réduire l’impact de votre produit ?
Comment réduire l’impact de votre produit ?
 
Présentation Green Code Lab - Olivier Philippot
Présentation Green Code Lab - Olivier PhilippotPrésentation Green Code Lab - Olivier Philippot
Présentation Green Code Lab - Olivier Philippot
 
Green IT - Invesstissements et philosophie d'entreprise
Green IT - Invesstissements et philosophie d'entrepriseGreen IT - Invesstissements et philosophie d'entreprise
Green IT - Invesstissements et philosophie d'entreprise
 
Sustainable [Green] UX
Sustainable [Green] UXSustainable [Green] UX
Sustainable [Green] UX
 
Sustainable green ux
Sustainable green uxSustainable green ux
Sustainable green ux
 
Salon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène Guerriat
Salon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène GuerriatSalon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène Guerriat
Salon Zéro Déchet Bruxelles 2018 - Conférence Numérique - Hélène Guerriat
 
[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle
[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle
[WEBINAR] Kaliterre : 10 raisons d'intégrer l'éco-conception logicielle
 
30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable30 astuces simples pour rendre votre site web éco-responsable
30 astuces simples pour rendre votre site web éco-responsable
 
Présentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UPPrésentation projet digital - Cas H'UP
Présentation projet digital - Cas H'UP
 
L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
 
Agile Secteur Public - Numérique Responsable
Agile Secteur Public - Numérique ResponsableAgile Secteur Public - Numérique Responsable
Agile Secteur Public - Numérique Responsable
 
Eco Conception logicielle : Comment réduire par deux la consommation d’...
Eco Conception logicielle : Comment réduire par deux la consommation d’...Eco Conception logicielle : Comment réduire par deux la consommation d’...
Eco Conception logicielle : Comment réduire par deux la consommation d’...
 
UX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie BatonUX Days 2019 by Flupa - Conférence : Aurélie Baton
UX Days 2019 by Flupa - Conférence : Aurélie Baton
 
Présentation meetup Smart Data dans le BTP
Présentation meetup Smart Data dans le BTPPrésentation meetup Smart Data dans le BTP
Présentation meetup Smart Data dans le BTP
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 
Eco-Innovation : témoignage et expérience numérique
Eco-Innovation : témoignage et expérience numériqueEco-Innovation : témoignage et expérience numérique
Eco-Innovation : témoignage et expérience numérique
 
Green-computing
Green-computingGreen-computing
Green-computing
 
Empreinte carbone des cloud public et datacenters : comparer des pommes et de...
Empreinte carbone des cloud public et datacenters : comparer des pommes et de...Empreinte carbone des cloud public et datacenters : comparer des pommes et de...
Empreinte carbone des cloud public et datacenters : comparer des pommes et de...
 
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conceptionLe Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
Le Comptoir OCTO - La formation au cœur de la stratégie d’éco-conception
 

Plus de Julien Dereumaux

Webinar - Comment vendre grâce à l'emailing en 2024 _.pdf
Webinar - Comment vendre grâce à l'emailing en 2024 _.pdfWebinar - Comment vendre grâce à l'emailing en 2024 _.pdf
Webinar - Comment vendre grâce à l'emailing en 2024 _.pdf
Julien Dereumaux
 
Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...
Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...
Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...
Julien Dereumaux
 
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
Julien Dereumaux
 
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
Julien Dereumaux
 
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdfWebinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Julien Dereumaux
 
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdfLes 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Julien Dereumaux
 
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdfCréer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Julien Dereumaux
 
Votre stratégie réseaux sociaux pour 2024.pdf
 Votre stratégie réseaux sociaux pour 2024.pdf Votre stratégie réseaux sociaux pour 2024.pdf
Votre stratégie réseaux sociaux pour 2024.pdf
Julien Dereumaux
 
Webinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdfWebinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdf
Julien Dereumaux
 
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Julien Dereumaux
 
Communication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdfCommunication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdf
Julien Dereumaux
 
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdfWebinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Julien Dereumaux
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
Julien Dereumaux
 
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Julien Dereumaux
 
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdfWebinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
Julien Dereumaux
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Julien Dereumaux
 
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
Webinar -  7 scénarios de marketing automation incontournables 💣🧲Webinar -  7 scénarios de marketing automation incontournables 💣🧲
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
Julien Dereumaux
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedIn
Julien Dereumaux
 
Webinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdfWebinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdf
Julien Dereumaux
 
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdfWebinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
Julien Dereumaux
 

Plus de Julien Dereumaux (20)

Webinar - Comment vendre grâce à l'emailing en 2024 _.pdf
Webinar - Comment vendre grâce à l'emailing en 2024 _.pdfWebinar - Comment vendre grâce à l'emailing en 2024 _.pdf
Webinar - Comment vendre grâce à l'emailing en 2024 _.pdf
 
Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...
Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...
Webinar - ChatGPT & SEO _ comment tirer profit de l'IA pour votre référence...
 
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
10 optimisations SEO d’une page web 🔍 - Avec Webmedia.pdf
 
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
PDF : Vidéo à 1€ vs 100.000€ : On décortique le process de création vidéo pou...
 
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdfWebinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
Webinar - Votre prospection Linkedin pour faire pleuvoir des leads ☔️.pdf
 
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdfLes 6 workflows qui transforment le plus en marketing automation 🎯.pdf
Les 6 workflows qui transforment le plus en marketing automation 🎯.pdf
 
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdfCréer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
Créer une campagne Google Ads rentable - Pilot'in X WebmediaRM.pdf
 
Votre stratégie réseaux sociaux pour 2024.pdf
 Votre stratégie réseaux sociaux pour 2024.pdf Votre stratégie réseaux sociaux pour 2024.pdf
Votre stratégie réseaux sociaux pour 2024.pdf
 
Webinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdfWebinar - Combien coûte un site web en 2023_2024 _.pdf
Webinar - Combien coûte un site web en 2023_2024 _.pdf
 
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀Projet de CRM  :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
Projet de CRM :Comment mieux qualifier votre besoin 💻 avec Hubspot 🚀
 
Communication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdfCommunication digitale _ Sous-traiter ou internaliser _.pdf
Communication digitale _ Sous-traiter ou internaliser _.pdf
 
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdfWebinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
Webinar - Les 3 plans marketing digital gagnants pour 2024 🧲.pdf
 
Webinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdfWebinar - Construire le cahier des charges de son site web.pdf
Webinar - Construire le cahier des charges de son site web.pdf
 
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
Webinar - 1h top chrono pour traduire un site WordPress - Avec Thibaud de Weg...
 
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdfWebinar - Boostez votre acquisition digitale avec Hubspot.pdf
Webinar - Boostez votre acquisition digitale avec Hubspot.pdf
 
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdfLes erreurs à éviter pour réussir son projet de création de site web ✅.pdf
Les erreurs à éviter pour réussir son projet de création de site web ✅.pdf
 
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
Webinar -  7 scénarios de marketing automation incontournables 💣🧲Webinar -  7 scénarios de marketing automation incontournables 💣🧲
Webinar - 7 scénarios de marketing automation incontournables 💣🧲
 
Formation prospection LinkedIn
Formation prospection LinkedInFormation prospection LinkedIn
Formation prospection LinkedIn
 
Webinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdfWebinar - GA4 vs MATOMO.pdf
Webinar - GA4 vs MATOMO.pdf
 
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdfWebinar - Structuration d'une agence pour le succès de vos projets.pdf
Webinar - Structuration d'une agence pour le succès de vos projets.pdf
 

Penser et designer un site éco-responsable

  • 1. Penser et designer un site éco-responsable
  • 2. Le live va commencer d’ici quelques minutes ! Vous pouvez vous préparer un bon café en attendant ! Merci de couper votre micro & votre caméra ☺ WEBINAR PILOT’IN ☕
  • 3. Penser et designer un site éco-responsable Julien Morisse-Chevallier @Pilot’in Webinar - …
  • 4. Connaître les enjeux éco-responsables liés au web Penser et designer un site éco-responsable OBJECTIF 001
  • 5. Savoir amorcer une démarche respectueuse de l’environnement dans la conception de site web Penser et designer un site éco-responsable OBJECTIF 002
  • 6. La séance 001 Pourquoi faire un site éco-responsable ? 002 Quels leviers avons-nous à notre disposition ? 003 5 bonnes pratiques de conception design 004 Pour aller encore plus loin Penser et designer un site éco-responsable
  • 7. Penser et designer un site éco-responsable 001 Pourquoi faire un site éco-responsable ?
  • 8. Penser et designer un site éco-responsable “Les infrastructures du web (data centers, réseaux, infrastructure web mobile, etc.) représentent aujourd’hui 3% de la consommation électrique mondiale.“ Green IT
  • 9. Penser et designer un site éco-responsable “A ce rythme, on estime que la consommation énergétique liée au web atteindrait, en 2030, l'équivalent de la consommation énergétique mondiale de 2008, tous secteurs confondus !“ Gerhard Fettweis de l'Université de Dresde
  • 10. Penser et designer un site éco-responsable “D’ici 2025, le numérique aura autant d’impact carbone que le niveau de pollution de l’industrie automobile “ Green IT
  • 11. Penser et designer un site éco-responsable Les utilisateurs (nous) consomment beaucoup d’ énergie rien qu’en utilisant simplement des appareils comme les téléphones, tablettes, ordinateurs.
  • 12. Penser et designer un site éco-responsable “D’après une étude de Harvard, deux requêtes dans Google correspondent à l’énergie nécessaire à une bouilloire d’eau. Or 200 millions de recherches sont effectuées par jour sur Google …” notre-planete.info
  • 13. Penser et designer un site éco-responsable “Envoyer un simple mail entraîne l'émission de 4g de CO2, jusqu'à 50g avec une importante pièce jointe. Or, 290 milliards de mails sont envoyés chaque jour...” notre-planete.info
  • 14. Penser et designer un site éco-responsable Mais la partie n’est pas perdue d’avance, nous pouvons agir !
  • 15. Penser et designer un site éco-responsable "Nos travaux montrent qu'il est possible de diminuer par un facteur 1 000 la consommation électrique d'Internet tout en garantissant la qualité du service. Autrement dit, on pourrait avoir en 2020 un réseau qui consomme 90 % de moins qu'en 2010, même avec l'explosion du trafic." Greentouch, consortium d'industriels et d'universitaires, 2015
  • 16. Penser et designer un site éco-responsable 002 Quels leviers avons-nous à notre disposition ?
  • 17.
  • 18. Penser et designer un site éco-responsable Selon le Green IT Les utilisateurs Le réseau et ses infrastructures Les centres de données ou Data Center Les acteurs des émissions de CO2 du numériques
  • 19. Penser et designer un site éco-responsable Selon le Green IT Les utilisateurs 47% Le réseau et ses infrastructures 28% Les centres de données ou Data Center 25% Les acteurs des émissions de CO2 du numériques
  • 20. Penser et designer un site éco-responsable Sur une année,les 100 sites français les plus visités consomment côté serveur 0,58 GWh / an Web Energy Archive Du point de vue serveur
  • 21. Penser et designer un site éco-responsable Sur une année,les 100 sites français les plus visités consomment l’équivalent de 3000 foyers, soit 8 GWh / an Web Energy Archive Du point de vue des utilisateurs :
  • 22. Penser et designer un site éco-responsable “Pour utilisateurs,il est plus difficile de réduire leur consommation dans leur navigation.C'est surtout aux webmasters de faire en sorte que leur site devienne plus écologique.” notre-planete.info
  • 23. Penser et designer un site éco-responsable De l’appareil utilisé Du navigateur utilisé Du site visité La consommation d’un utilisateur dépend majoritairement
  • 24. Penser et designer un site éco-responsable Selon le Green IT Ordinateur 50wh / 1000 pages Smartphone 9wh / 1000 pages La consommation des appareils
  • 25. Penser et designer un site éco-responsable Selon le Green IT La consommation des navigateurs Google Chrome, utilisé par 37% des français Firefox, utilisé par 21% des français
  • 26. Penser et designer un site éco-responsable “Le poids moyen des pages web a été multiplié par 6 entre 2008 et 2015 !” notre-planete.info
  • 27.
  • 28. Penser et designer un site éco-responsable 003 Cinq bonnes pratiques de conception
  • 29. Penser et designer un site éco-responsable Augmentez l’éco-responsabilité d’un site, c’est le rendre plus rapide, épuré et précis. Dans un sens, c’est aussi augmenter l’expérience utilisateur.
  • 30. Penser et designer un site éco-responsable Réduire l’impact de son site sur son environnement c’est le rendre le plus minimaliste possible. Dans un sens, c’est aussi réduire ses coût de production
  • 31. Eliminez les fonctionnalités non essentielles 0001 L'importance du design dans l'efficacité de votre site web
  • 32. Penser et designer un site éco-responsable Il ne sert à rien d’optimiser le code d’une fonctionnalité non-essentielle
  • 33. Penser et designer un site éco-responsable 70 % des fonctionnalités demandées par les utilisateurs ne sont pas essentielles et que 45 % ne sont jamais utilisées. Etudes du Cast Software et du Standish Group
  • 34. Penser et designer un site éco-responsable Le plus gros des optimisations se passe donc en amont de la réalisation d’un site web ou d’une application.Et pour optimiser il faut sonder les utilisateurs,prototyper,tester,afin d’éviter au maximum les développement inutiles
  • 35. L'importance du design dans l'efficacité de votre site web Planification Définition des objectifs et recherche préparatoire Exploration Recueil des besoins des utilisateurs / entreprises Idéation Génération collective d’idée Conception Création de wireframes et de prototypes Evaluation Test utilisateurs afin d’évaluer les solutions générées Le processus de conception user-centric
  • 36. Penser et designer un site éco-responsable Réduire l’impact de son site sur l’environnement, c’est aussi réduire son coût de production
  • 37. Prendre les mensuration du projet 0002 Penser et designer un site éco-responsable
  • 38. Penser et designer un site éco-responsable Après avoir bien défini le cadre du projet,il faut ensuite bien le spécifier,pour éviter la “sur-qualité”ou le développement inutile
  • 39. Penser et designer un site éco-responsable La taille nécessaire des images sur le site Le nombre d’éléments par page Exemples d’éléments à spécifier
  • 40. Penser et designer un site éco-responsable En jouant sur le nombre d’items affichés sur la page de résultats de son moteur de recherche Bing,a démontré qu’il était possible de réduire jusqu’à 80 % l’infrastructure physique (nombre de serveurs) sous-jacente. Exemple
  • 41. Limitez l’utilisation des contenus lourds 0003 Penser et designer un site éco-responsable
  • 42. Penser et designer un site éco-responsable Photos Vidéos Les deux types de contenus lourds les plus courants Illustrations
  • 43. Penser et designer un site éco-responsable Moins de photos, plus compressées, adaptée. Moins grande os Limiter l’usage, ne pas les héberger directement sur le serveur. Vidéo svg avec BodyMovin Les alternatives Limiter l’usage des illustrations 3D, préférer le format vectoriel svg
  • 44. Penser et designer un site éco-responsable https://imageoptim.com http://compressor.io/ Pour compresser vos images https://handbrake.fr/ pour compresser vos vidéos Des outils pour vous aider
  • 45. Utilisez le lazy loading 0003 Penser et designer un site éco-responsable 0004
  • 46.
  • 47. Ne générez pas de 404 0005 Penser et designer un site éco-responsable
  • 48. L'importance du design dans l'efficacité de votre site web 404 ne pas générer de page 404, mais redirigier plug in de Konrad
  • 49. Quelques exemples 0006 Penser et designer un site éco-responsable
  • 50. Penser et designer un site éco-responsable
  • 51. Penser et designer un site éco-responsable
  • 52. Penser et designer un site éco-responsable
  • 53. Penser et designer un site éco-responsable 003 Aller plus loin
  • 54. Penser et designer un site éco-responsable
  • 55. L'importance du design dans l'efficacité de votre site web Eco-conception web / les 115 bonnes pratiques Frédéric Bordage
  • 56. L'importance du design dans l'efficacité de votre site web Gauthier Roussilhe Repenser le numérique dans les limites planétaires http://gauthierroussilhe.com/en Prône une approche “environnement-centric” plutôt que “user-centric” de la conception web
  • 57. Penser et designer un site éco-responsable “Lorsque l'on visite un site web,80 % de l'énergie dépensée provient de l'ordinateur (ou tablette, smartphone...),20 % du navigateur web” Frédéric Bordage,co-fondateur de l'Alliance Green IT (AGIT),
  • 58. Penser et designer un site éco-responsable “Le véritable levier est donc d'augmenter au maximum la durée de vie de nos équipements électroniques.La responsabilité incombe donc plutôt aux fabricants de matériels électroniques et aux webmasters qui doivent concevoir des sites web épurés et éco-conçus de manière à ce qu'ils soient lisibles sur des équipements plus anciens” Frédéric Bordage,co-fondateur de l'Alliance Green IT (AGIT),
  • 59. Penser et designer un site éco-responsable éteindre les appareils reliés à Internet lorsqu'ils ne sont pas utilisés (la nuit notamment) réduire l'usage des clouds nettoyer régulièrement ses boîtes mail Limiter sa consommation en tant qu’utilisateur
  • 60. UN JOLI SOUS-TITRE Les engagements de Pilot’in
  • 61. Penser et designer un site éco-responsable Produire,tout en ayant un impact positif sur notre environnement et sur l’épanouissement personnel de nos collaborateurs
  • 62. Penser et designer un site éco-responsable Agir dans nos locaux (courses, énergie, eau), matériel Changer notre manière de produire (outils, méthodes) Nous engager à l’extérieur (actions, causes) Une stratégie en trois axes Lire nos engagements
  • 63. L'importance du design dans l'efficacité de votre site web https://www.notre-planete.info/actualites /4328-consommation-energie-web-saturation https://eco-communication.ademe.fr/sites/ default/files/les-115-bonnes-pratiques-ec oconception-web-frederic-bordage.pdf https://collectif.greenit.fr/outils.html https://collectif.greenit.fr/ecoconception -web/2019-05-Ref-eco_web-checklist.v3.pdf https://www.fournisseur-energie.com/intern et-plus-gros-pollueur-de-planete/ https://www.notre-planete.info/actualites/ 4328-consommation-energie-web-saturation Sources
  • 65. Croissance continue 11 ans d’histoire 2008 Julien Dereumaux lance son activité webmarketing #optimiste 2013 Lancement de la SAS Pilot’in #catamaran 2015 Augmentation du capital social à 20 000 euros et fusion avec Com’op #trimaran 2020 17 personnes dans l’équipage #vedette
  • 66. TOP 30 FRANCE de 2015 à 2019 des agences digitales Ces organismes soutiennent Pilot’in dans ses démarches d’organisation, de recrutement et d’innovation *Classement réalisé par Décideurs magazine sur les critères de robustesse, optimisation pour le SEO et rapidité des sites de Pilot’in avec interview de plusieurs clients. Reconnaissances, partenaires & engagements Intégré à l’écosystème
  • 67. L’équipage 17 marins dédiés à la performance ! Dans 130m2 de beaux bureaux en plein coeur de Lyon (Place des Terreaux) 1 Président 1 Directeur associé 2 pilotes de clientèle 2 Webmarketeurs 3 Webdesigners 5 Développeurs Consulter les CVs des matelots
  • 68. Les synergies avec Lyon Entreprises + Création de sites web Webmarketing Accompagnement et formation Média économique régional Mise en place de stratégie SEO Apport de leads BtoB sur Lyon et sa région Pilot’in a racheté lors de l’été 2017 le portail d’information économique et annuaire des entreprises de Rhône-Alpes en ligne depuis 2001. Les 2 entités restent autonomes et travaillent sur plusieurs clients en commun. En chiffres : 32 000 entreprises enregistrées et enrichies ; 1 800 000 visiteurs par an ; 3 500 000 pages vues ; 58 000 abonnés qui reçoivent la newsletter hebdomadaire ;
  • 70. Et retrouvez d’autres webinars sur notre chaine