1. Webinar : Les bonnes
pratiques pour rendre
votre site
éco-responsable

2. 1.
LES PRINCIPES DE BASE

3. L’agence digitale qui a le vent en poupe
Les principes
● Un site rapide
● Un site qui consomme peu
● Un site accessible à toute personne (inclusion)
● Un site ergonomie
● Un site mobile
● Un site simple

4. Un site accessible
● Une typographie plus grosse
● Une optimisation sur la version mobile
● Eviter les éléments perturbateurs : 1 seul corps de texte et 1 seul appel à l’action par
page (mieux pour le SEO et l’UX)
● Un fort contraste des couleurs (fond blanc, texte noir)

5. 2.
OPTIMISER TECHNIQUEMENT
SON SITE

6. Comment rendre un
site éco-responsable ?
Éco-responsable

7. Les plugins
WordPress
Compression du CSS
Compression du JS
Amélioration de système de
cache serveur
Pour retailler et alléger vos
photos automatiquement
(9€ les 20.000 photos)
Pour vos photos :
1080px de large
maximum
200ko maximum
Renommer le fichier avec
les bons mots clés
Pour tester la rapidité :

8. ©2019L’agence digitale qui a le vent en poupe
Cache
Nous optimisons le nombre
d’appels serveur en générant
du cache qui regroupe et
compresse les ressources
statiques (HTML, CSS, JS...)
en un nombre limité de
fichiers.
Hébergement
éco-responsable
Nos serveurs sont à
Clermont Ferrand et gérés
de manière raisonnées
(meilleur compromis qualité
/ éco-responsabilité du
marché) avec O2Switch
Images / Vidéos
Redimensionner les images
avant de les charger dans un
gestionnaire de contenu
L’hébergement des vidéos se
fait sur des plateformes.
Images pleine page < 200Ko
Image de contenu < 100Ko
1 2 3
Il faut agir à différents niveaux.
côté Client / côté Serveur !

9. Quel design pour
un site éco-responsable ?
Éco-responsable

10. ©2019L’agence digitale qui a le vent en poupe
1 32 4 5
ANIMATIONS
2D ✔ 3D ❌
On peut avoir un effet
“waouh” tout en étant
éco. Privilégier les effets
2D aux effets 3D. (Moins
gourmand en ressources
sur CPU et GPU)
FOND
Sombre ✔ Blanc ❌
On trouve souvent un fond
sombre car cela demande
moins de ressources
(Synthèse additive:
rouge + vert + bleu = blanc)
HABILLAGE
Illus / Textes ✔ Photos ❌
Dans le but d’avoir une
empreinte carbone la plus
faible possible, utiliser du
texte & des illustrations pour
habiller le site plutôt que des
photos.
FORMAT
WebP, WebM, Svg ✔
Jpg, Png, Mp4 ❌
Utiliser des ressources
optimisées pour le web
comme le format WebP pour
les images type visuel photo
et le format SVG pour les
icônes.
De manière générale…
Un design MINIMALISTE avec des éléments RECYCLÉS (réutilisés)
(Dans le but d’avoir un site le moins gourmand possible en ressources)
PRÉSENTATION
Images ✔ Vidéos ❌
Utiliser plutôt des visuels
légers et statiques. Les
vidéos utilisent
beaucoup de bande
passante sur les
serveurs.

11. Peut-on allier minimalisme,
éco et beau ?
Éco-responsable

12. 1. PARIS 2024
https://www.paris2024.org
2. 24 Hours / Earth
http://www.24hours.earth/en/
OUI Evidemment ! 👍
Des cas concrets

13. ©2020Hissez Haut vos projets digitaux
Les services et outils

14. 3.
BIEN S’OUTILLER !

15. Le
fournisseur
d’éléctricité

16. La gestion
des e-mails
et du
stockage label:unread
has:attachment
larger:4M
older_than:3y

17. Les
extensions
et outils

18. Les moteurs
de
recherche
Qwant

19. Bonnes
pratiques avec plein de conseils techniques
en attendant
Calcul de la compensation carbone
à mettre en place

20. Hébergement

21. ©2020Hissez Haut vos projets digitaux
Valorisez ce que vous faites de bien !

22. 3.
LA TODO A RÉALISER AVANT LE 11 MAI
Niveau très débutant et fainéant

23. To do
1. Changez de fournisseur d'électricité avec Oui Energie (30 minutes & 5€/mois)
2. Installez un économiseurs d’écrans ecofriendly (5 min & gratuit)
3. Faites une journée de digital detox par mois ou par semaine (vous gagnez du temps !)
4. Installez ShortPixel sur votre site WordPress et lancez-le (10 min & 19€)

24. Les 5 tâches à réaliser avant
le 11 mai pour améliorer
votre prospection digitale !

25. 1 32 4 5
Hissez Haut vos projets digitaux !
M’assurer d’avoir
contacté 100% de mes
contacts
Lancer une
campagne
Adwords
minimale
Un site web plus
humain (ça va 5 min
le 100% digital)
Mettre mon Linkedin
nickel et automatiser
ma prospection
Mettre en place mon
premier scénario
e-mail automatique
Les 5 tâches à réaliser avant le 11 mai !
Le lien pour accéder à la TODO avec tout le détail

26. Nos prochains webinars

28. Le partenaire de votre stratégie digitale

29. 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

30. 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

31. 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

32. Les synergies avec Lyon Entreprises
+
Création de sites web avec WordPress
Création de site e-commerce avec WooCommerce
Conseil et formation webmarketing
Média économique régional depuis 2001
En chiffres :
32 000 entreprises enregistrées et enrichies ;
1 800 000 visiteurs par an ;
3 500 000 pages vues ;
36 000 abonnés qui reçoivent la newsletter hebdomadaire ;
Inscrivez gratuitement votre entreprise et abonnez-vous à la
newsletter
Formation prises en
charge par votre OPCO