CRM - Elaborer le cadrage de projet marketing et communication Inseec - B3
Sommaire
1 - Les métiers de la création 2 - Analyse de la demande / Cahier des charges 3 - Design graphique 4 - Le CRM (Customer Relashionship Management) 5 - Les enjeux RSE
01
Les métiers du Web et du Digital
Les 3 métiers les plus recherchés par les entreprises
La liste des métiers du digital qui font face à un taux important d’offres (et bien souvent de demandes) est longue. Aujourd’hui, toutes les entreprises sont dans l’obligation de se développer sur internet pour réussir.
Développeur
Le métier de développeur web est le plus recherché par les entreprises, et la demande est bien plus élevée que l’offre. Le développeur conçoit et développe les sites internet (parfois même les applications). Pour exercer ce métier, il faut en revanche être un véritable roi du code et de l’informatique.
Chargé de communication
Le chargé de communication a pour objectif de communiquer en interne comme en externe. A lui de se tourner vers les publics concernés par l’entreprise et vers les médias pour diffuser et vendre l’image de la boîte.
Rédacteur et rédactrice SEO
Toute entreprise a besoin de texte, tant pour son site internet, que pour ses applications ou encore ses plaquettes de communication. Et le rédacteur web est là pour ça. Mieux encore, le rédacteur référenceur, extrêmement demandé sur le marché aujourd’hui. Ce dernier va créer un contenu optimisé SEO, en vue d’accroitre la visibilité de l’entreprise sur le net. Confier son contenu Web à un professionnel, ou une agence Web est la clef d’un référencement naturel réussi grâce à des techniques complexes et des outils spécifiques.
Les 3 métiers qui vont continuer de se développer
Community Manager
Le Community Manager est l’un des métiers web les plus en vogue. Réclamé par les entreprises, il se développe depuis l’avènement d’internet et continuera à le faire les décennies à venir. C’est à lui que revient la tâche de créer du contenu éditorial pour les réseaux sociaux en vue d’accroître la notoriété de l’entreprise. Mais aussi de le publier, d’échanger avec la communauté, de maintenir l’e-réputation. En somme, d’être l’ambassadeur de l’entreprise pour laquelle il travaille. Le Community manager doit avoir des compétences en communication et en marketing Web. Et désormais en rédaction, en photographie ou en vidéo.
Photographe
Le photographe proprement dit réalise des prises de vue : repérage, réglages techniques (lumière, cadrage, mise au point, vitesse…).Suivant le sujet photographié et la destination des photos, on devient photographe de portrait, reporter photographe de presse (reporter photographe), photographe industriel, photographe publicitaire, photographe d'illustration, photographe de mode, photographe scientifique ou médical, photographe de plateau.
Chef de projet
Le Chef de projet communication est la personne qui accompagne et coordonne la réalisation des actions promotionnelles au sein d’une agence de communication. Il est l’interface entre le client et les équipes qui vont réaliser le travail. Il peut gérer un ou plusieurs budgets en même temps.Sa première tâche vise à identifier et comprendre les besoins de son client (prise de brief). Il participe à l’élaboration d’une stratégie publicitaire (choix des différents médias, contenu du message…) et construit le budget de la campagne publicitaire.
Spécialiste en cybersécurité
Qui dit internet dit cyberattaques. Et qui dit cyberattaques dit cybersécurité. Pour prévenir et contrer les éventuelles attaques informatiques et vols de données, il est important pour certaines entreprises d’embaucher un spécialiste en cybersécurité. C’est à lui que revient le rôle de repérer les menaces, les analyser. Mais également d’établir un plan à la fois pour se prémunir des attaques, et pour les vaincre en cas d’incident.
Webdesigner
Mi-graphiste, mi-informaticien, le web-designer est spécialisé dans la création des pages Web. Il s'occupe de tout l'aspect graphique d'un site Internet (illustrations, animations, typographie...). Il choisit la place des photos, la taille des caractères et les couleurs qui rendront la consultation agréable pour l'utilisateur. Il crée aussi les pictogrammes qui facilitent la lecture et la navigation dans le site. Il peut parfois être amené à établir la charte graphique et à créer l'identité visuelle du site.
VIDEO > Tendances sur les métiers du Numérique
02
Analyse de la demande Le cahier des charges
2 - Faire un brief et les attentes des prestataires
+ chaîne graphique
Rédaction/validation
Home
Analyse de la demande + La chaîne gaphique
Expression du besoin
Vous avez un projet de communication (site internet, réseaux sociaux, charte graphique...) et devez choisir le prestataire le plus adapté pour travailler dessus ? Établir une expression de besoin est l’une des conditions sine qua non si vous souhaitez partir du bon pied. Elle permet de poser les bases contextuelles, techniques et fonctionnelles du projet. Cela permet de présenter clairement vos attentes aux prestataires sélectionnés pour réaliser une offre.
Pourquoi rédiger une expression de besoin ?
• Poser votre réflexion par écrit et vous imprégner du contexte, des objectifs à atteindre, des principales fonctionnalités / problématiques techniques pour pouvoir les transmettre plus facilement à vos interlocuteurs• Concrétiser votre projet en passant de l’idée au détail fonctionnel et technique• Obtenir des devis de plusieurs prestataires et les comparer sur une base similaire, stable et précise
Planning prévisionnel
Cette partie concerne les délais que vous vous êtes fixés pour réaliser le projet. Elle peut simplement contenir les dates butoirs des grandes étapes, par exemple : • Offres des prestataires attendues pour le ..../..../....• Début du projet : ..../..../....• Mise en ligne : ..../..../.... Vous pouvez préciser si ces échéances sont flexibles ou si elles doivent impérativement être respectées. Cela permettra de pouvoir échanger autour des disponibilités de chaque partie afin de réaliser le projet, toujours dans la limite du raisonnable.
En individuel, vous allez créer un diagramme de GANTT sur ILLUSTRATOR, en détaillant les différentes étapes d'une campagne de communication :
1 - Brief client 2 - Logo + charte graphique 3 - Communication print 4 - Communication digitale > Site internet > Réseaux sociaux > Vidéos ......
En binôme, vous allez réfléchir à la création d'une marque, dans le domaine d'activité de votre choix et vous allez créer individuellement la fiche produit type de votre futur site E-commerce sur INDESIGN
1 - Récupération des contenus en individuel (photos, textes) 2 - Création d'une fiche produit sur Indesign > individuel 3 - Exportation de la fiche au format .png > individuel 4 - Choix de la meilleure fiche pour la suite du projet > équipe
Le cahier des charges
Définition
Le cahier des charges représente l’étape préalable et essentielle pour créer un site e-commerce par exemple. Ce document vous accompagne à chaque étape de la création ou de la migration de votre boutique en ligne. C'est un outil essentiel qui va au delà de l'expression du besoin en communication basique. Tout est très détaillé dans un cahier des charges.
A - éléments à intégrer dans le cahier des charges
- Contexte : Expliquez en quelques mots le fondement de la demande. Il ne suffit pas simplement d’exprimer l’aspect technique d’un projet, une vue générale aidera les prestataires à comprendre mieux et plus rapidement les les tenants et aboutissants du projet. Exemple : Pour un site web, ne décrivez pas seulement vos attentes, parlez également des ressorts qui vous ont poussé à opérer un changement de site web ou encore la typologie de vos clients ?…
- Objectif : Expliquez de façon complète les différents objectifs du projet. Quelle seront les finalités du projet pour votre entreprise. Exemple : Pour un site web, le objectifs commerciaux et/ou marketing du site doivent être clairement rédigés. Ces objectifs ont une influence majeur sur les différents travaux qui seront mis en place pour réaliser le projet. - Périmètre : Expliquez de façon succincte les limites de votre projet. Vous répondrez ainsi aux questions : À qui s’adresse-t-il ? À quel moment ? Exemple : Le projet implique-t-il tous les partenaires ? Tous les clients sont-ils concernés ? Tous les pays ?…
- Fonctionnement : Décrivez de manière exhaustive les différents leviers du projet à travers une description fonctionnelle qui consiste à expliquer les besoins en terme de fonctionnalités. Exemple : Expliquez en quelques mots ce que doit faire votre site web : récupérer des contacts, vendre des produits, proposer une inscription à la newsletter… (En savoir plus : Qu’est ce que le cahier des charges fonctionnel ?)
- Ressources : Listez l’ensemble des ressources disponibles ainsi que les contraintes pour la réalisation du projet. Exemple : Le nombre d’employés qui s’occupera de la gestion du site web ou encore leur faible connaissance des outils informatiques. - Budget : Établir un budget est important pour aiguiller les prestataires et éviter une déconvenue lors de la réception des premiers devis. Exemple : Donnez le budget total d’un projet de création de site avec la rédaction, l’hébergement, le webdesign et le développement. - Délais : Autre variable déterminante, le délai de réalisation et la date de livraison. Elle permet au prestataire d’évaluer la durée de travail et de s’organiser. Pour vous, le délai indiqué sur le cahier des charges sert de preuve. Exemple : la durée inscrite sur le CDC peut être inscrite sur le devis et la facture du prestataire.
• Périmètre graphique : pour que votre interlocuteur comprenne l’esprit que vous souhaitez donner à votre site, n’hésitez pas à capturer les pages qui vous inspirent et qui correspondent au concept de votre marque. Slogan, logo, couleurs, police (…)
Dernière étape : Une évaluation précise du budget, du CA prévisionnel et des délais nécessaires
Vos ambitions de chiffre d’affaires s’élèvent à 30.000€ la première année ? Peut-être est-ce 10 fois plus ? Pour atteindre vos objectifs, pensez « Retour sur investissement » (ROI). Si votre levier principal d’acquisition est le référencement, vous devrez faire appel à un expert du référencement e-commerce pour créer et gérer vos campagnes Google Ads et optimiser le référencement naturel des pages stratégiques de votre site.
Les 3 bonnes raisons de rédiger un cahier des charges
• Gagner du temps dans la mise en œuvre de votre projet • Sécuriser la réalisation de votre projet : précisez chaque étape de votre projet et les objectifs poursuivis pour assurer le bon déroulement de votre projet. • Formaliser vos idées : anticipez les questions de vos partenaires/interlocuteurs c’est un bon moyen pour envisager les contraintes que vous pourrez rencontrer.
EXEMPLE : Cahier des charges Les Champs Jouault
Cas pratique - Créer une arborescence sur XMIND
Penser à un mini cahier des charges avec les fonctionnalités dont vous avez besoin ? l’arborescence et le nombre de pages que vous souhaitez ?
XMIND : Créer une arborescence sur Xmind
Cas pratique - réaliser un cahier des charges
En binôme : Projet GROUPE Afin de définir un périmètre de travail autour de la conception de votre nouveau site internet E-commerce, vous allez créer le cahier des charges qui sera envoyé à l'agence en charge de la réalisation du projet
Pour cela vous allez : 1 - Déterminer votre secteur d'activité (produits en vente), contexte, objectifs, périmètre, ressources, budget, délais. 2 - Faire une analyse rapide de la concurrence. Qui sont vos concurrents ? Comment vous positionnez vous par rapport à eux ? Qualité ? Tarifs ? ...
Budget > réaliser un budget annuel
Pour votre campagne de communication digitale (posts détaillés dans votre diagramme de GANTT), vous allez déterminer une enveloppe globale et chiffrer chaque poste de dépense sous forme de tableau. Création du tableau sur CANVA ou Illustrator
CDC - Réaliser un graphique à l'aide d'Illustrator
Pour le paragraphe BUDGET de votre cahier des charges, vous allez créer un diagramme sectoriel afin de répartir les différents postes de dépense
03
Stratégies CRM (Customer Relationship Management)
Qu'est-ce qu'un CRM ?
CRM = Customer Relationship Management
Un CRM est un système de gestion de la relation client. Son objectif est de fidéliser les clients pour qu'ils n'aillent pas consommer dans une autre enseigne en répondant le mieux possible à leurs attentes et leur ôtant toute envie d'essayer une autre marque.
La démarche repose sur l'idée que la prospection de nouveaux clients est plus coûteuse, notamment dans un environnement hautement concurrentiel, que la sédentarisation de ceux qui figurent déjà dans le portefeuille clients de l'entreprise et/ou de la marque. Le CRM désigne une stratégie globale qui vise à donner priorité au client et à lui offrir une expérience personnalisée. La technologie permet ainsi de gérer ses relations clients, de les garder et d'organiser sur une plateforme unique les données de chaque client.
Avantages d’un CRM
Le gros intérêt d’un CRM est qu'il peut stocker et conserver des données clients de sources ou points de contact (sites internet, chat en ligne, réseaux sociaux, etc...). Cette base de données CRM est axée sur les informations qui concernent les clients de l'entreprise (leurs segments démographiques, leurs préférences commerciales, leur historique de commandes) pour créer une image propre à chaque acheteur.
Le CRM en marketing présente de multiples avantages. Il s'agit d'un outil précieux de gestion des relations client. Pour les entreprises, un CRM présente 5 principaux avantages :
1 - Augmenter les revenus des entreprises
grâce à l'amélioration de la satisfaction du consommateur, des relations vont se créer et ainsi à long terme des revenus. Le CRM est donc un outil qui va permettre de gagner du temps sur certaines tâches annexes et chronophages. Les campagnes marketing, de mieux en mieux ciblées et personnalisées, vont assurer une communication efficace avec les leads de l'entreprise.
2 - Simplifier la segmentation des clients de la marque
les données client bien traitées et bien interprétées permettent aux marques de mieux cibler les attentes et besoins de la clientèle.
3 - Synchroniser les services de l'entreprise
grâce à la synchronisation des contacts et des services, les actions des équipes de vente et de marketing sont coordonnées et la productivité des équipes est augmentée. L'automatisation et la productivité sont deux pôles que le CRM permet d'organiser et d'optimiser.
4 - Automatiser et optimiser la productivité.
5 - Améliorer l'expérience client.
Exemples de CRM en ligne
Pour résumer
VIDEO > CRM
Analyse des leads/statistiques sur HUBSPOT
04
Le commerce via le CRM
Devis
Analyse d'un devis
Etapes de création d'un devis dans HUBSPOT
Individuellement et sur CANVA vous allez créer un devis destiné à un client qui souhaite une campagne de communication digitale autour de sa marque :
Pour ce faire, vous allez : - Donner un titre à votre devis - Logo + adresse destinataire - Liste des prestations effectuées > refonte site internet vitrine > Optimisation du site en mode "responsive" > Forfait hébergement/maintenance annuel > création d'une newsletter > Suivi mensuel réseaux sociaux (Instagram, Linkedin) sur une année, à raison de 4 posts par mois > Référencement naturel SEO sur 3 mois > Référencement payant SEA sur 6 mois - Indiquer le tarif pour chaque prestation - Ajouter toute autre information qui vous semble nécessaire à la bonne compréhension du devis 'conditions de paiement', 'acompte', 'délai de validité du devis'...
Factures
Exemple Acompte + Facture
A partir de l'exercice précédent, vous allez créer sur CANVA une facture d'acompte de 30%, incluant l'ensemble des prestations liées au site internet + SEO + SEA
05
SERVICE CLIENT
Chatbot
Le chatbot
Un chatbot est un programme ou une application avec lequel les utilisateurs peuvent converser par le biais de la voix ou du texte. Vous pouvez par exemple utiliser un chatbot pour accroître les ventes ou faire de l'assistance client en ligne.
Créer un chatbot sur HUBSPOT, en 5 étapes
06
REPORTING
Rapports
Comment générer des rapports sur HUBSPOT
Analyser les rapports et statistiques grâce à HUBSPOT
Exemples de rapports générés grâce à HUBSPOT
RAPPORT des KPIS
Exemples de rapports générés grâce à HUBSPOT
Tableau de bord commercial
Exemples de rapports générés grâce à HUBSPOT
Reporting commercial
MRR est l'acronyme de Monthly Recurring Revenue. C'est un KPI utilisé pour calculer le revenu récurrent généré pendant les derniers mois de l'activité d'une entreprise. Il sert aussi à évaluer le chiffre d'affaires récurrent qu'elle réalisera sur les prochains mois.
Graphiques générés sur CANVA
Graphiques générés sur CANVA
Graphiques générés sur CANVA
En binôme et à partir de tableaux que vous allez créer au fomat .XLSX sur Excel puis à l'aide de CANVA, vous allez générer des graphiques, présentant des résultats chiffrés de votre entreprise
Choix libre d'une entreprise fictive pour l'exercice. Vous allez ainsi générer 4 graphiques différents : - 1 graphique à barre - 1 graphique en courbe - 1 graphique circulaire - + 1 graphique de votre choix suite slide suivante ...
Les 4 graphiques doivent avoir une cohérence les uns avec les autres, et doivent être révélateurs des performance commerciales de l'entreprise de votre choix.
Quelques exemples de KPIS : > Vente de produits ces 3 dernières années (2023, 2024 et 2025) > Revenus mensuels > Augmentation du nombre de clients ces 3 dernières années > Nombre de nouveaux clients > Nombre de clics sur une page web > Le panier moyen par client > Le taux de conversion ...
05
Les enjeux RSE
L'impact du digital sur la planète
En quelques chiffres
01
La fabrication des appareils numériques représente 45% de la consommation énergétique de la filière numérique. Pour fabriquer un seul ordinateur, il faut :
• 240 kg de combustibles fossiles• 22 kg de produits chimiques• 1,5 tonne d’eau
Le smartphone est aussi polluant et coûteux pour notre environnement :
02
• 90% de l’énergie consommée par un smartphone l’est lors de sa fabrication
• 60 matériaux différents sont nécessaires pour fabriquer un seul smartphone (en moyenne).
La navigation sur internet représente 55% de la consommation énergétique de la filière numérique :
• Une seule recherche sur Google émet 10 g de CO2 ce qui équivaut à environ 10 kg de CO2 par utilisateur par an• Envoyer 20 mails par jour pendant un an pollue autant que parcourir 1 000 km en voiture
Un utilisateur de YouTube émet 177 tonnes de CO2 chaque année en regardant des vidéos
Internet est il un fléau pour la planète ?
Les bons gestes
Quelques astuces faciles à mettre en place
01
02
2 – Ménage quotidien
1 – Durée de vie
Faites régulièrement le ménage dans votre boîte mail. Cela réduira votre empreinte écologique sur internet.
Si votre appareil est cassé, pensez plutôt à le réparer. Cela allongera sa durée de vie
03
04
05
Cloud
4G et WIFI
Téléchargement
Il vaut mieux regarder la télévision ou visionner un DVD plutôt que de regarder un film en streaming. Sinon, pensez à visionner la vidéo en basse définition.
Gardez seulement le strict nécessaire sur vos espaces Cloud pour éviter de surcharger les serveurs.
Privilégier l’utilisation de la Wi-fi à la 4G, surtout lorsque vous regardez des vidéos.
Mais si vous travaillez dans la communication et êtes amenés à créer des sites internet pour vos clients, cela passe aussi par l’éco conception
Avec près de 10 % des émissions de gaz à effet de serre imputées à l’industrie du web, soit autant que l’industrie aéronautique, l’éco-conception web arrive de plus en plus fréquemment en tête de liste des priorités des entreprises françaises et internationales soucieuses de leur empreinte énergétique. Voici une présentation du concept de l’éco-conception de site internet et une checklist des 7 bonnes pratiques pour optimiser l’éco-responsabilité de votre site internet ou de votre boutique e-commerce.
Vidéo web eco-responsable
L'éco conception de sites web
C'est quoi ?
l’éco-conception web consiste concrètement à concevoir des sites internet, vitrines et e-commerce moins énergivores et plus respectueux de l’environnement.
De plus en plus soucieux de l’impact environnemental de nos actions, nous sommes de plus en plus nombreux à envisager ce type de conception lors de la création d’un nouveau site internet ou lors d’une refonte.
Les 7 bonnes pratiques de l’éco-conception web
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
01
Définir les besoins de votre audience
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Avant de passer à l’étape de conception, il est essentiel d’identifier précisément les besoins de votre audience pour éviter de développer des fonctionnalités « inutiles ». L’éco-conception est une démarche globale dont l’une des clés est la sobriété, la praticité.
Pour chaque fonctionnalité, vous devez vous poser les bonnes questions :• Est-elle vraiment nécessaire ?• Est-ce qu’on peut faire autrement ?• Que se passerait-il si on ne l’avait pas ?En limitant le nombre de fonctionnalités d’un service numérique au strict nécessaire, on diminue son impact sur l’environnement, on simplifie l’expérience utilisateur… et on réduit les coûts.
02
Simplifier les parcours pour une meilleure expérience utilisateur
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
L’optimisation des parcours utilisateur est l’une des clés de l’éco-conception web mais aussi de la performance d’un site. Une expérience web simplifiée = moins de pages, moins de données à charger, moins de temps de chargement et, finalement, une empreinte écologique moins importante.
Inversement, un parcours qui n’est pas fluide a souvent une empreinte environnementale élevée, puisque plus un utilisateur passe de temps sur un site, plus la pollution numérique est grande. Vous devez donc simplifier l’expérience digitale et limiter le nombre de clics.
03
Concevoir « mobile-first »
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Le « mobile-first » consiste à concevoir un service numérique pour une version mobile puis de l’adapter au format desktop. Cette approche permet de se focaliser sur l’essentiel, de rationaliser les parcours pour avoir un accès rapide aux informations, de réduire le nombre de fonctionnalités, de médias, de contenus, etc. En clair, le « mobile-first » consiste à créer un service numérique plus sobre.
04
Rationaliser les contenus
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Chaque publication sur un site web ou sur les réseaux sociaux pollue, il est donc préférable de créer une stratégie de qualité et non de quantité. En plus, créer du contenu qualitatif permet de se démarquer, d’avoir des messages plus authentiques et d’augmenter leur pertinence.
05
Penser éco-design
L’éco-design est le bon compromis entre le design, l’éco-responsabilité et la satisfaction utilisateur. Cette approche du design web passe par plusieurs bons réflexes en termes de polices, de couleurs, des animations, etc.Voici quelques astuces :
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Préférer les polices standards
Tous les appareils numériques intègrent d’office plusieurs polices préinstallées. Les bénéfices ? Réduction du temps chargement du site et de l’impact environnemental.Quand on sait que chaque police web représente environ une centaine de Ko (multiplié par le nombre d’utilisateur), il parait indispensable de s’orienter vers une police préinstallée. Il en existe des dizaines comme Arial, Tahoma, Trebuchet MS, Verdana, Georgia, Times New Roman, Courier New et d’autres.
Favoriser les couleurs moins énergivores
Bien qu’elles n’aient pas toute le même impact environnemental, chaque couleur joue un rôle important dans la consommation d’un site web. Mais alors, quelles couleurs choisir pour un site web écolo ?
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Google a mené une analyse et a constaté que le bleu consommerait 25 % de plus d’énergie que le vert ou le rouge. Cependant, au-delà du choix des couleurs, il faut surtout réduire leur nombre. On aime tous les arc-en-ciel mais pas sur Internet. Vous pouvez vous orienter vers un design en monochromie ou du moins, limiter le nombre de couleurs à 3 maximum.
Réduire le nombre d’animations
La moindre animation (surtout en Javascript) alourdit le poids, le temps de chargement et l’impact environnemental d’un service numérique. Elles doivent donc être utilisées avec parcimonie, uniquement si c’est incontournable pour améliorer l’expérience utilisateur.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Deux animations à bannir :• Le scroll infini. Le défilement « sans fin » comme sur l’accueil Facebook ou LinkedIn par exemple n’est pas recommandé pour un site éco-conçu. Cette technique augmente le temps passé sur la page, donc le poids de la page et l’impact environnemental. La bonne pratique est plutôt de proposer une solution de pagination.• L’« autoplay ». On pense notamment aux GIFs ou aux carrousels automatiques. Ils sont vraiment à éviter puisque les utilisateurs doivent pouvoir arrêter/contrôler les animations pour une meilleure accessibilité et expérience digitale.
Limiter l’utilisation de widgets et plugins
Les widgets et plugins, comme les icônes réseaux sociaux ou la Google Maps, utilisent beaucoup de ressources. Il est donc préférable de les remplacer voire de les supprimer. On peut en effet se poser la question de la nécessité d’avoir ces informations sur le site.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Deux astuces faciles à mettre en place :• Changer les icônes de réseaux sociaux. Pas besoin d’utiliser un plugin pour pousser les réseaux sociaux. Il existe des solutions qui n’utilisent pas de Javascript. Par exemple, on peut remplacer le plugin par l’intégration d’images cliquables avec le lien vers les réseaux sociaux ou, tout simplement, par un lien hypertexte sans image.• Substituer la Google Map. Comme pour les réseaux sociaux, l’utilisation d’un plugin Google Map n’est pas nécessaire. Si une carte apporte une vraie valeur, on peut ajouter une image avec un lien, en suivant le même principe que pour les icônes.
06
Définissez le meilleur ratio texte/média
Habituellement, on parle d’un ratio de 60/40 pour un service numérique, soit 60 % de texte et 40 % d’images ou de vidéos. Pour un site éco-conçu, le texte prend encore plus d’espace. Un visuel, une vidéo ou un document ne doit être intégré que quand c’est réellement nécessaire.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Si vous jugez qu’un média est essentiel pour l’expérience utilisateur, voici quelques règles à suive pour éviter d’alourdir inutilement votre site web :
Redimensionner les images
Sur le web, les images n’ont pas besoin d’être gigantesques et en haute définition. Au contraire, une page web sur desktop fait environ 700 – 800 pixels de largeur donc utiliser une photo non redimensionnée, entre 2 000 et 4 000 pixels de largeur, est un non-sens. Elles sont surdimensionnées et beaucoup trop lourdes.Quelques astuces pour optimiser vos images :• Préférer les images vectorielles. Les images vectorielles (.svg / .png) pèsent moins lourd que les photos.• Réduire le nombre de photos. Cela peut sembler évident mais la tentation est grande d’habiller un site avec de nombreuses images. Par exemple, pour représenter une équipe, plutôt qu’une photo individuelle de chaque membre de l’équipe, préférez la photo de groupe.• Compresser les images. La compression est clé pour réduire la taille des images avant la mise en ligne. Il existe plusieurs outils tels que imagecompressor.com et tinypng.com ou encore, le plugin Imagify sous le CMS WordPress.
Rationaliser l’usage des vidéos
La vidéo est un contenu attractif. Son usage en ligne représente + de 80 % du flux mondial de données et est responsable de près de 6 % des émissions mondiales de CO2. Dans une démarche d’éco-conception web, il est donc essentiel de réduire un maximum son utilisation.
Compresser les documents à télécharger
Le poids des documents à télécharger n’est pas pris en compte dans le poids de la page mais il est pourtant essentiel de réduire la taille des fichiers.
07
Prioriser les requêtes SEO
Dès que l’on construit un site, le choix des mots-clés est une étape essentielle. Et encore plus pour un site éco-responsable puisque le nombre de contenus est rationnalisé. On ne peut pas être présent sur tous les mots-clés. Il faut donc accepter d’être présents sur moins de requêtes, mais des requêtes vraiment pertinentes.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Des gestes simples pour un numérique plus responsable
Chaque geste a son importance pour réduire l’empreinte du digital sur l’environnement. Si nous prenons tous de nouvelles habitudes au quotidien, nous pourrons chacun à notre niveau participer à la lutte contre la pollution numérique.
Exemples de site éco-conçus
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
NANO sites
The End
INSEEC B3 - Elaborer le cadrage du projet Marketing et Communication
Pierre Leclerc
Created on October 21, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Smart Presentation
View
Practical Presentation
View
Essential Presentation
View
Akihabara Presentation
View
Pastel Color Presentation
View
Visual Presentation
View
Relaxing Presentation
Explore all templates
Transcript
CRM - Elaborer le cadrage de projet marketing et communication Inseec - B3
Sommaire
1 - Les métiers de la création 2 - Analyse de la demande / Cahier des charges 3 - Design graphique 4 - Le CRM (Customer Relashionship Management) 5 - Les enjeux RSE
01
Les métiers du Web et du Digital
Les 3 métiers les plus recherchés par les entreprises
La liste des métiers du digital qui font face à un taux important d’offres (et bien souvent de demandes) est longue. Aujourd’hui, toutes les entreprises sont dans l’obligation de se développer sur internet pour réussir.
Développeur
Le métier de développeur web est le plus recherché par les entreprises, et la demande est bien plus élevée que l’offre. Le développeur conçoit et développe les sites internet (parfois même les applications). Pour exercer ce métier, il faut en revanche être un véritable roi du code et de l’informatique.
Chargé de communication
Le chargé de communication a pour objectif de communiquer en interne comme en externe. A lui de se tourner vers les publics concernés par l’entreprise et vers les médias pour diffuser et vendre l’image de la boîte.
Rédacteur et rédactrice SEO
Toute entreprise a besoin de texte, tant pour son site internet, que pour ses applications ou encore ses plaquettes de communication. Et le rédacteur web est là pour ça. Mieux encore, le rédacteur référenceur, extrêmement demandé sur le marché aujourd’hui. Ce dernier va créer un contenu optimisé SEO, en vue d’accroitre la visibilité de l’entreprise sur le net. Confier son contenu Web à un professionnel, ou une agence Web est la clef d’un référencement naturel réussi grâce à des techniques complexes et des outils spécifiques.
Les 3 métiers qui vont continuer de se développer
Community Manager
Le Community Manager est l’un des métiers web les plus en vogue. Réclamé par les entreprises, il se développe depuis l’avènement d’internet et continuera à le faire les décennies à venir. C’est à lui que revient la tâche de créer du contenu éditorial pour les réseaux sociaux en vue d’accroître la notoriété de l’entreprise. Mais aussi de le publier, d’échanger avec la communauté, de maintenir l’e-réputation. En somme, d’être l’ambassadeur de l’entreprise pour laquelle il travaille. Le Community manager doit avoir des compétences en communication et en marketing Web. Et désormais en rédaction, en photographie ou en vidéo.
Photographe
Le photographe proprement dit réalise des prises de vue : repérage, réglages techniques (lumière, cadrage, mise au point, vitesse…).Suivant le sujet photographié et la destination des photos, on devient photographe de portrait, reporter photographe de presse (reporter photographe), photographe industriel, photographe publicitaire, photographe d'illustration, photographe de mode, photographe scientifique ou médical, photographe de plateau.
Chef de projet
Le Chef de projet communication est la personne qui accompagne et coordonne la réalisation des actions promotionnelles au sein d’une agence de communication. Il est l’interface entre le client et les équipes qui vont réaliser le travail. Il peut gérer un ou plusieurs budgets en même temps.Sa première tâche vise à identifier et comprendre les besoins de son client (prise de brief). Il participe à l’élaboration d’une stratégie publicitaire (choix des différents médias, contenu du message…) et construit le budget de la campagne publicitaire.
Spécialiste en cybersécurité
Qui dit internet dit cyberattaques. Et qui dit cyberattaques dit cybersécurité. Pour prévenir et contrer les éventuelles attaques informatiques et vols de données, il est important pour certaines entreprises d’embaucher un spécialiste en cybersécurité. C’est à lui que revient le rôle de repérer les menaces, les analyser. Mais également d’établir un plan à la fois pour se prémunir des attaques, et pour les vaincre en cas d’incident.
Webdesigner
Mi-graphiste, mi-informaticien, le web-designer est spécialisé dans la création des pages Web. Il s'occupe de tout l'aspect graphique d'un site Internet (illustrations, animations, typographie...). Il choisit la place des photos, la taille des caractères et les couleurs qui rendront la consultation agréable pour l'utilisateur. Il crée aussi les pictogrammes qui facilitent la lecture et la navigation dans le site. Il peut parfois être amené à établir la charte graphique et à créer l'identité visuelle du site.
VIDEO > Tendances sur les métiers du Numérique
02
Analyse de la demande Le cahier des charges
2 - Faire un brief et les attentes des prestataires
- ANALYSE DE LA DEMANDE
+ chaîne graphique- CAHIER DES CHARGES.
Rédaction/validationHome
Analyse de la demande + La chaîne gaphique
Expression du besoin
Vous avez un projet de communication (site internet, réseaux sociaux, charte graphique...) et devez choisir le prestataire le plus adapté pour travailler dessus ? Établir une expression de besoin est l’une des conditions sine qua non si vous souhaitez partir du bon pied. Elle permet de poser les bases contextuelles, techniques et fonctionnelles du projet. Cela permet de présenter clairement vos attentes aux prestataires sélectionnés pour réaliser une offre.
Pourquoi rédiger une expression de besoin ?
• Poser votre réflexion par écrit et vous imprégner du contexte, des objectifs à atteindre, des principales fonctionnalités / problématiques techniques pour pouvoir les transmettre plus facilement à vos interlocuteurs• Concrétiser votre projet en passant de l’idée au détail fonctionnel et technique• Obtenir des devis de plusieurs prestataires et les comparer sur une base similaire, stable et précise
Planning prévisionnel
Cette partie concerne les délais que vous vous êtes fixés pour réaliser le projet. Elle peut simplement contenir les dates butoirs des grandes étapes, par exemple : • Offres des prestataires attendues pour le ..../..../....• Début du projet : ..../..../....• Mise en ligne : ..../..../.... Vous pouvez préciser si ces échéances sont flexibles ou si elles doivent impérativement être respectées. Cela permettra de pouvoir échanger autour des disponibilités de chaque partie afin de réaliser le projet, toujours dans la limite du raisonnable.
En individuel, vous allez créer un diagramme de GANTT sur ILLUSTRATOR, en détaillant les différentes étapes d'une campagne de communication :
1 - Brief client 2 - Logo + charte graphique 3 - Communication print 4 - Communication digitale > Site internet > Réseaux sociaux > Vidéos ......
En binôme, vous allez réfléchir à la création d'une marque, dans le domaine d'activité de votre choix et vous allez créer individuellement la fiche produit type de votre futur site E-commerce sur INDESIGN
1 - Récupération des contenus en individuel (photos, textes) 2 - Création d'une fiche produit sur Indesign > individuel 3 - Exportation de la fiche au format .png > individuel 4 - Choix de la meilleure fiche pour la suite du projet > équipe
Le cahier des charges
Définition
Le cahier des charges représente l’étape préalable et essentielle pour créer un site e-commerce par exemple. Ce document vous accompagne à chaque étape de la création ou de la migration de votre boutique en ligne. C'est un outil essentiel qui va au delà de l'expression du besoin en communication basique. Tout est très détaillé dans un cahier des charges.
A - éléments à intégrer dans le cahier des charges
- Contexte : Expliquez en quelques mots le fondement de la demande. Il ne suffit pas simplement d’exprimer l’aspect technique d’un projet, une vue générale aidera les prestataires à comprendre mieux et plus rapidement les les tenants et aboutissants du projet. Exemple : Pour un site web, ne décrivez pas seulement vos attentes, parlez également des ressorts qui vous ont poussé à opérer un changement de site web ou encore la typologie de vos clients ?…
- Objectif : Expliquez de façon complète les différents objectifs du projet. Quelle seront les finalités du projet pour votre entreprise. Exemple : Pour un site web, le objectifs commerciaux et/ou marketing du site doivent être clairement rédigés. Ces objectifs ont une influence majeur sur les différents travaux qui seront mis en place pour réaliser le projet. - Périmètre : Expliquez de façon succincte les limites de votre projet. Vous répondrez ainsi aux questions : À qui s’adresse-t-il ? À quel moment ? Exemple : Le projet implique-t-il tous les partenaires ? Tous les clients sont-ils concernés ? Tous les pays ?…
- Fonctionnement : Décrivez de manière exhaustive les différents leviers du projet à travers une description fonctionnelle qui consiste à expliquer les besoins en terme de fonctionnalités. Exemple : Expliquez en quelques mots ce que doit faire votre site web : récupérer des contacts, vendre des produits, proposer une inscription à la newsletter… (En savoir plus : Qu’est ce que le cahier des charges fonctionnel ?)
- Ressources : Listez l’ensemble des ressources disponibles ainsi que les contraintes pour la réalisation du projet. Exemple : Le nombre d’employés qui s’occupera de la gestion du site web ou encore leur faible connaissance des outils informatiques. - Budget : Établir un budget est important pour aiguiller les prestataires et éviter une déconvenue lors de la réception des premiers devis. Exemple : Donnez le budget total d’un projet de création de site avec la rédaction, l’hébergement, le webdesign et le développement. - Délais : Autre variable déterminante, le délai de réalisation et la date de livraison. Elle permet au prestataire d’évaluer la durée de travail et de s’organiser. Pour vous, le délai indiqué sur le cahier des charges sert de preuve. Exemple : la durée inscrite sur le CDC peut être inscrite sur le devis et la facture du prestataire.
• Périmètre graphique : pour que votre interlocuteur comprenne l’esprit que vous souhaitez donner à votre site, n’hésitez pas à capturer les pages qui vous inspirent et qui correspondent au concept de votre marque. Slogan, logo, couleurs, police (…)
Dernière étape : Une évaluation précise du budget, du CA prévisionnel et des délais nécessaires
Vos ambitions de chiffre d’affaires s’élèvent à 30.000€ la première année ? Peut-être est-ce 10 fois plus ? Pour atteindre vos objectifs, pensez « Retour sur investissement » (ROI). Si votre levier principal d’acquisition est le référencement, vous devrez faire appel à un expert du référencement e-commerce pour créer et gérer vos campagnes Google Ads et optimiser le référencement naturel des pages stratégiques de votre site.
Les 3 bonnes raisons de rédiger un cahier des charges
• Gagner du temps dans la mise en œuvre de votre projet • Sécuriser la réalisation de votre projet : précisez chaque étape de votre projet et les objectifs poursuivis pour assurer le bon déroulement de votre projet. • Formaliser vos idées : anticipez les questions de vos partenaires/interlocuteurs c’est un bon moyen pour envisager les contraintes que vous pourrez rencontrer.
EXEMPLE : Cahier des charges Les Champs Jouault
Cas pratique - Créer une arborescence sur XMIND
Penser à un mini cahier des charges avec les fonctionnalités dont vous avez besoin ? l’arborescence et le nombre de pages que vous souhaitez ?
XMIND : Créer une arborescence sur Xmind
Cas pratique - réaliser un cahier des charges
En binôme : Projet GROUPE Afin de définir un périmètre de travail autour de la conception de votre nouveau site internet E-commerce, vous allez créer le cahier des charges qui sera envoyé à l'agence en charge de la réalisation du projet
Pour cela vous allez : 1 - Déterminer votre secteur d'activité (produits en vente), contexte, objectifs, périmètre, ressources, budget, délais. 2 - Faire une analyse rapide de la concurrence. Qui sont vos concurrents ? Comment vous positionnez vous par rapport à eux ? Qualité ? Tarifs ? ...
Budget > réaliser un budget annuel
Pour votre campagne de communication digitale (posts détaillés dans votre diagramme de GANTT), vous allez déterminer une enveloppe globale et chiffrer chaque poste de dépense sous forme de tableau. Création du tableau sur CANVA ou Illustrator
CDC - Réaliser un graphique à l'aide d'Illustrator
Pour le paragraphe BUDGET de votre cahier des charges, vous allez créer un diagramme sectoriel afin de répartir les différents postes de dépense
03
Stratégies CRM (Customer Relationship Management)
Qu'est-ce qu'un CRM ?
CRM = Customer Relationship Management
Un CRM est un système de gestion de la relation client. Son objectif est de fidéliser les clients pour qu'ils n'aillent pas consommer dans une autre enseigne en répondant le mieux possible à leurs attentes et leur ôtant toute envie d'essayer une autre marque.
La démarche repose sur l'idée que la prospection de nouveaux clients est plus coûteuse, notamment dans un environnement hautement concurrentiel, que la sédentarisation de ceux qui figurent déjà dans le portefeuille clients de l'entreprise et/ou de la marque. Le CRM désigne une stratégie globale qui vise à donner priorité au client et à lui offrir une expérience personnalisée. La technologie permet ainsi de gérer ses relations clients, de les garder et d'organiser sur une plateforme unique les données de chaque client.
Avantages d’un CRM
Le gros intérêt d’un CRM est qu'il peut stocker et conserver des données clients de sources ou points de contact (sites internet, chat en ligne, réseaux sociaux, etc...). Cette base de données CRM est axée sur les informations qui concernent les clients de l'entreprise (leurs segments démographiques, leurs préférences commerciales, leur historique de commandes) pour créer une image propre à chaque acheteur.
Le CRM en marketing présente de multiples avantages. Il s'agit d'un outil précieux de gestion des relations client. Pour les entreprises, un CRM présente 5 principaux avantages :
1 - Augmenter les revenus des entreprises
grâce à l'amélioration de la satisfaction du consommateur, des relations vont se créer et ainsi à long terme des revenus. Le CRM est donc un outil qui va permettre de gagner du temps sur certaines tâches annexes et chronophages. Les campagnes marketing, de mieux en mieux ciblées et personnalisées, vont assurer une communication efficace avec les leads de l'entreprise.
2 - Simplifier la segmentation des clients de la marque
les données client bien traitées et bien interprétées permettent aux marques de mieux cibler les attentes et besoins de la clientèle.
3 - Synchroniser les services de l'entreprise
grâce à la synchronisation des contacts et des services, les actions des équipes de vente et de marketing sont coordonnées et la productivité des équipes est augmentée. L'automatisation et la productivité sont deux pôles que le CRM permet d'organiser et d'optimiser.
4 - Automatiser et optimiser la productivité.
5 - Améliorer l'expérience client.
Exemples de CRM en ligne
Pour résumer
VIDEO > CRM
Analyse des leads/statistiques sur HUBSPOT
04
Le commerce via le CRM
Devis
Analyse d'un devis
Etapes de création d'un devis dans HUBSPOT
Individuellement et sur CANVA vous allez créer un devis destiné à un client qui souhaite une campagne de communication digitale autour de sa marque :
Pour ce faire, vous allez : - Donner un titre à votre devis - Logo + adresse destinataire - Liste des prestations effectuées > refonte site internet vitrine > Optimisation du site en mode "responsive" > Forfait hébergement/maintenance annuel > création d'une newsletter > Suivi mensuel réseaux sociaux (Instagram, Linkedin) sur une année, à raison de 4 posts par mois > Référencement naturel SEO sur 3 mois > Référencement payant SEA sur 6 mois - Indiquer le tarif pour chaque prestation - Ajouter toute autre information qui vous semble nécessaire à la bonne compréhension du devis 'conditions de paiement', 'acompte', 'délai de validité du devis'...
Factures
Exemple Acompte + Facture
A partir de l'exercice précédent, vous allez créer sur CANVA une facture d'acompte de 30%, incluant l'ensemble des prestations liées au site internet + SEO + SEA
05
SERVICE CLIENT
Chatbot
Le chatbot
Un chatbot est un programme ou une application avec lequel les utilisateurs peuvent converser par le biais de la voix ou du texte. Vous pouvez par exemple utiliser un chatbot pour accroître les ventes ou faire de l'assistance client en ligne.
Créer un chatbot sur HUBSPOT, en 5 étapes
06
REPORTING
Rapports
Comment générer des rapports sur HUBSPOT
Analyser les rapports et statistiques grâce à HUBSPOT
Exemples de rapports générés grâce à HUBSPOT
RAPPORT des KPIS
Exemples de rapports générés grâce à HUBSPOT
Tableau de bord commercial
Exemples de rapports générés grâce à HUBSPOT
Reporting commercial
MRR est l'acronyme de Monthly Recurring Revenue. C'est un KPI utilisé pour calculer le revenu récurrent généré pendant les derniers mois de l'activité d'une entreprise. Il sert aussi à évaluer le chiffre d'affaires récurrent qu'elle réalisera sur les prochains mois.
Graphiques générés sur CANVA
Graphiques générés sur CANVA
Graphiques générés sur CANVA
En binôme et à partir de tableaux que vous allez créer au fomat .XLSX sur Excel puis à l'aide de CANVA, vous allez générer des graphiques, présentant des résultats chiffrés de votre entreprise
Choix libre d'une entreprise fictive pour l'exercice. Vous allez ainsi générer 4 graphiques différents : - 1 graphique à barre - 1 graphique en courbe - 1 graphique circulaire - + 1 graphique de votre choix suite slide suivante ...
Les 4 graphiques doivent avoir une cohérence les uns avec les autres, et doivent être révélateurs des performance commerciales de l'entreprise de votre choix.
Quelques exemples de KPIS : > Vente de produits ces 3 dernières années (2023, 2024 et 2025) > Revenus mensuels > Augmentation du nombre de clients ces 3 dernières années > Nombre de nouveaux clients > Nombre de clics sur une page web > Le panier moyen par client > Le taux de conversion ...
05
Les enjeux RSE
L'impact du digital sur la planète
En quelques chiffres
01
La fabrication des appareils numériques représente 45% de la consommation énergétique de la filière numérique. Pour fabriquer un seul ordinateur, il faut :
• 240 kg de combustibles fossiles• 22 kg de produits chimiques• 1,5 tonne d’eau
Le smartphone est aussi polluant et coûteux pour notre environnement :
02
• 90% de l’énergie consommée par un smartphone l’est lors de sa fabrication
• 60 matériaux différents sont nécessaires pour fabriquer un seul smartphone (en moyenne).
La navigation sur internet représente 55% de la consommation énergétique de la filière numérique :
• Une seule recherche sur Google émet 10 g de CO2 ce qui équivaut à environ 10 kg de CO2 par utilisateur par an• Envoyer 20 mails par jour pendant un an pollue autant que parcourir 1 000 km en voiture
Un utilisateur de YouTube émet 177 tonnes de CO2 chaque année en regardant des vidéos
Internet est il un fléau pour la planète ?
Les bons gestes
Quelques astuces faciles à mettre en place
01
02
2 – Ménage quotidien
1 – Durée de vie
Faites régulièrement le ménage dans votre boîte mail. Cela réduira votre empreinte écologique sur internet.
Si votre appareil est cassé, pensez plutôt à le réparer. Cela allongera sa durée de vie
03
04
05
Cloud
4G et WIFI
Téléchargement
Il vaut mieux regarder la télévision ou visionner un DVD plutôt que de regarder un film en streaming. Sinon, pensez à visionner la vidéo en basse définition.
Gardez seulement le strict nécessaire sur vos espaces Cloud pour éviter de surcharger les serveurs.
Privilégier l’utilisation de la Wi-fi à la 4G, surtout lorsque vous regardez des vidéos.
Mais si vous travaillez dans la communication et êtes amenés à créer des sites internet pour vos clients, cela passe aussi par l’éco conception
Avec près de 10 % des émissions de gaz à effet de serre imputées à l’industrie du web, soit autant que l’industrie aéronautique, l’éco-conception web arrive de plus en plus fréquemment en tête de liste des priorités des entreprises françaises et internationales soucieuses de leur empreinte énergétique. Voici une présentation du concept de l’éco-conception de site internet et une checklist des 7 bonnes pratiques pour optimiser l’éco-responsabilité de votre site internet ou de votre boutique e-commerce.
Vidéo web eco-responsable
L'éco conception de sites web
C'est quoi ?
l’éco-conception web consiste concrètement à concevoir des sites internet, vitrines et e-commerce moins énergivores et plus respectueux de l’environnement.
De plus en plus soucieux de l’impact environnemental de nos actions, nous sommes de plus en plus nombreux à envisager ce type de conception lors de la création d’un nouveau site internet ou lors d’une refonte.
Les 7 bonnes pratiques de l’éco-conception web
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
01
Définir les besoins de votre audience
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Avant de passer à l’étape de conception, il est essentiel d’identifier précisément les besoins de votre audience pour éviter de développer des fonctionnalités « inutiles ». L’éco-conception est une démarche globale dont l’une des clés est la sobriété, la praticité.
Pour chaque fonctionnalité, vous devez vous poser les bonnes questions :• Est-elle vraiment nécessaire ?• Est-ce qu’on peut faire autrement ?• Que se passerait-il si on ne l’avait pas ?En limitant le nombre de fonctionnalités d’un service numérique au strict nécessaire, on diminue son impact sur l’environnement, on simplifie l’expérience utilisateur… et on réduit les coûts.
02
Simplifier les parcours pour une meilleure expérience utilisateur
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
L’optimisation des parcours utilisateur est l’une des clés de l’éco-conception web mais aussi de la performance d’un site. Une expérience web simplifiée = moins de pages, moins de données à charger, moins de temps de chargement et, finalement, une empreinte écologique moins importante.
Inversement, un parcours qui n’est pas fluide a souvent une empreinte environnementale élevée, puisque plus un utilisateur passe de temps sur un site, plus la pollution numérique est grande. Vous devez donc simplifier l’expérience digitale et limiter le nombre de clics.
03
Concevoir « mobile-first »
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Le « mobile-first » consiste à concevoir un service numérique pour une version mobile puis de l’adapter au format desktop. Cette approche permet de se focaliser sur l’essentiel, de rationaliser les parcours pour avoir un accès rapide aux informations, de réduire le nombre de fonctionnalités, de médias, de contenus, etc. En clair, le « mobile-first » consiste à créer un service numérique plus sobre.
04
Rationaliser les contenus
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Chaque publication sur un site web ou sur les réseaux sociaux pollue, il est donc préférable de créer une stratégie de qualité et non de quantité. En plus, créer du contenu qualitatif permet de se démarquer, d’avoir des messages plus authentiques et d’augmenter leur pertinence.
05
Penser éco-design
L’éco-design est le bon compromis entre le design, l’éco-responsabilité et la satisfaction utilisateur. Cette approche du design web passe par plusieurs bons réflexes en termes de polices, de couleurs, des animations, etc.Voici quelques astuces :
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Préférer les polices standards
Tous les appareils numériques intègrent d’office plusieurs polices préinstallées. Les bénéfices ? Réduction du temps chargement du site et de l’impact environnemental.Quand on sait que chaque police web représente environ une centaine de Ko (multiplié par le nombre d’utilisateur), il parait indispensable de s’orienter vers une police préinstallée. Il en existe des dizaines comme Arial, Tahoma, Trebuchet MS, Verdana, Georgia, Times New Roman, Courier New et d’autres.
Favoriser les couleurs moins énergivores
Bien qu’elles n’aient pas toute le même impact environnemental, chaque couleur joue un rôle important dans la consommation d’un site web. Mais alors, quelles couleurs choisir pour un site web écolo ?
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Google a mené une analyse et a constaté que le bleu consommerait 25 % de plus d’énergie que le vert ou le rouge. Cependant, au-delà du choix des couleurs, il faut surtout réduire leur nombre. On aime tous les arc-en-ciel mais pas sur Internet. Vous pouvez vous orienter vers un design en monochromie ou du moins, limiter le nombre de couleurs à 3 maximum.
Réduire le nombre d’animations
La moindre animation (surtout en Javascript) alourdit le poids, le temps de chargement et l’impact environnemental d’un service numérique. Elles doivent donc être utilisées avec parcimonie, uniquement si c’est incontournable pour améliorer l’expérience utilisateur.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Deux animations à bannir :• Le scroll infini. Le défilement « sans fin » comme sur l’accueil Facebook ou LinkedIn par exemple n’est pas recommandé pour un site éco-conçu. Cette technique augmente le temps passé sur la page, donc le poids de la page et l’impact environnemental. La bonne pratique est plutôt de proposer une solution de pagination.• L’« autoplay ». On pense notamment aux GIFs ou aux carrousels automatiques. Ils sont vraiment à éviter puisque les utilisateurs doivent pouvoir arrêter/contrôler les animations pour une meilleure accessibilité et expérience digitale.
Limiter l’utilisation de widgets et plugins
Les widgets et plugins, comme les icônes réseaux sociaux ou la Google Maps, utilisent beaucoup de ressources. Il est donc préférable de les remplacer voire de les supprimer. On peut en effet se poser la question de la nécessité d’avoir ces informations sur le site.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Deux astuces faciles à mettre en place :• Changer les icônes de réseaux sociaux. Pas besoin d’utiliser un plugin pour pousser les réseaux sociaux. Il existe des solutions qui n’utilisent pas de Javascript. Par exemple, on peut remplacer le plugin par l’intégration d’images cliquables avec le lien vers les réseaux sociaux ou, tout simplement, par un lien hypertexte sans image.• Substituer la Google Map. Comme pour les réseaux sociaux, l’utilisation d’un plugin Google Map n’est pas nécessaire. Si une carte apporte une vraie valeur, on peut ajouter une image avec un lien, en suivant le même principe que pour les icônes.
06
Définissez le meilleur ratio texte/média
Habituellement, on parle d’un ratio de 60/40 pour un service numérique, soit 60 % de texte et 40 % d’images ou de vidéos. Pour un site éco-conçu, le texte prend encore plus d’espace. Un visuel, une vidéo ou un document ne doit être intégré que quand c’est réellement nécessaire.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Si vous jugez qu’un média est essentiel pour l’expérience utilisateur, voici quelques règles à suive pour éviter d’alourdir inutilement votre site web :
Redimensionner les images
Sur le web, les images n’ont pas besoin d’être gigantesques et en haute définition. Au contraire, une page web sur desktop fait environ 700 – 800 pixels de largeur donc utiliser une photo non redimensionnée, entre 2 000 et 4 000 pixels de largeur, est un non-sens. Elles sont surdimensionnées et beaucoup trop lourdes.Quelques astuces pour optimiser vos images :• Préférer les images vectorielles. Les images vectorielles (.svg / .png) pèsent moins lourd que les photos.• Réduire le nombre de photos. Cela peut sembler évident mais la tentation est grande d’habiller un site avec de nombreuses images. Par exemple, pour représenter une équipe, plutôt qu’une photo individuelle de chaque membre de l’équipe, préférez la photo de groupe.• Compresser les images. La compression est clé pour réduire la taille des images avant la mise en ligne. Il existe plusieurs outils tels que imagecompressor.com et tinypng.com ou encore, le plugin Imagify sous le CMS WordPress.
Rationaliser l’usage des vidéos
La vidéo est un contenu attractif. Son usage en ligne représente + de 80 % du flux mondial de données et est responsable de près de 6 % des émissions mondiales de CO2. Dans une démarche d’éco-conception web, il est donc essentiel de réduire un maximum son utilisation.
Compresser les documents à télécharger
Le poids des documents à télécharger n’est pas pris en compte dans le poids de la page mais il est pourtant essentiel de réduire la taille des fichiers.
07
Prioriser les requêtes SEO
Dès que l’on construit un site, le choix des mots-clés est une étape essentielle. Et encore plus pour un site éco-responsable puisque le nombre de contenus est rationnalisé. On ne peut pas être présent sur tous les mots-clés. Il faut donc accepter d’être présents sur moins de requêtes, mais des requêtes vraiment pertinentes.
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
Des gestes simples pour un numérique plus responsable
Chaque geste a son importance pour réduire l’empreinte du digital sur l’environnement. Si nous prenons tous de nouvelles habitudes au quotidien, nous pourrons chacun à notre niveau participer à la lutte contre la pollution numérique.
Exemples de site éco-conçus
Passer à l’action (alléger les besoins de mon site), c’est avant tout opérer un tri sélectif. Garder le nécessaire et se séparer du superflu. Simplifier la structure, archiver certains contenus obsolètes, définir un ratio texte/image/vidéo, choisir des couleurs peu énergivores mais en adéquation avec votre charte.
NANO sites
The End