Guide Créer et administrer un site internet PDF

guide Créer et Internet adminis trer un s avec Wo ite rdPress pour une TPE /PME À propos Un site internet est un outil de communication à la conception fonctionn...

guide Créer et Internet adminis trer un s avec Wo ite rdPress pour une TPE /PME À propos Un site internet est un outil de communication à la conception fonctionnelle de votre site. J’entends par indispensable pour le développement commercial là : création d’une arborescence, déclinaison de zonings d’une entreprise. Pourtant, bon nombre d’organisations et enfin élaboration d’un backlog. sont confrontées à 3 freins récurrents au moment de la création ou de la maintenance de leur site : Oui oui… Avant de créer votre site Wordpress, manque de temps, problématiques budgétaires, faibles vous devez définir proprement son périmètre. connaissances au sein de l’équipe. C’est o-bli-ga-toire. Pour cette raison, la WAB a développé une formation Une fois ces 2 compétences acquises, nous nous certifiante permettant d’apprendre à développer lancerons dans le cœur du sujet : et animer son propre site internet avec le CMS Wordpress. Nous installerons et configurerons le CMS Wordpress sur un environnement de pré-production Qu’allons nous faire durant cette formation ? Nous intégrerons tous vos contenus dans le Que des choses utiles ! backoffice de votre site Nous préparerons la future mise en ligne de votre Premièrement, histoire de partir sur de bonnes bases, site en s’assurant du bon respect des règles régissant avant de vous lancer dans la production d’un site vous le web et de la présence des contenus indispensables analyserez : au suivi des performances de votre site Nous procéderons à la mise en ligne de celui-ci Le positionnement de l’entreprise, son marché, et à son recettage ses objectifs et ses cibles Vous êtes motivés ? Prêt pour cette très belle aventure Une fois le décor posé, nous nous attelerons ?! C’est parti ! Cours 1 : Définir le cadre d’un projet de site internet DÉFINIR LE CADRE D’UN PROJET DE SITE INTERNET https://www.youtube.com/watch?v=wfLtDHPn_SY&t=7s 4| FICHE | CRÉER ET ADMINISTRER UN SITE 1 - ANALYSER LE POSITIONNEMENT D’UNE ENTREPRISE SUR SON MARCHÉ https://www.youtube.com/watch?v=gANE_VvpNjg Présenter une entreprise, son marché et Qui en est le leader ? au niveau local : ses concurrents régional : national : De manière à éviter tout oubli ou toute erreur lors de international : votre prise de brief, nous vous proposons de suivre la Citez vos 3 principaux concurrents : trame suivante pour cerner une entreprise : Concurrent 1 : ses forces : Nom de l’entreprise : ses faiblesses : Date de création : Concurrent 2 : À quels besoins répond votre entreprise ? ses forces : Qui sont ses clients ? ses faiblesses : Présentation de ses produits / services : Concurrent 3 : Chiffre d’affaires (CA) : n / n+1 / n+3 ses forces : Répartition actuelle du chiffre d’affaires (CA) ou ses faiblesses : votre objectif de répartition (dans le cas Concurrent 3 : d’une création) : Et votre entreprise ? Quels sont les forces Quel est le marché sur lequel évolue et faiblesses ? votre entreprise ? Quelle est ou quelles sont les stratégies mises Quel est l’axe de développement en place dans votre entreprise ? de votre entreprise ? De quels moyens de communication dispose Quelles opportunités observez-vous sur ce marché ? l’entreprise ? Quelles menaces observez-vous sur ce marché ? 5| FICHE | CRÉER ET ADMINISTRER UN SITE Être en capacité de définir les axes Dans une entreprise, donc, nous pouvons déployer de développement commercial d’une plusieurs stratégies. entreprise Voici les principales : Les axes de développement possibles pour une entreprise La stratégie de domination par les coûts La stratégie d’innovation et de technologie Avant même de définir les axes de développement La stratégie de différenciation commercial d’une entreprise, encore faut-il les connaître Les stratégies de coopération :-) Je suis sûre que sur ce point, vous serez d’accord La stratégie de niche avec moi ! En effet, le meilleur moyen d’accompagner/conseiller La stratégie de domination par les coûts la Direction Commerciale d’une entreprise, c’est d’être en mesure d’identifier le ou les axes de développement Avec cette stratégie, l’entreprise cherche à réduire au de son activité. maximum ses coûts (charges fixes et charges variables) C’est seulement à cette condition que vous serez en pour pouvoir proposer aux consommateurs des biens mesure de produire des recommandations ou moyens ou services à des prix inférieurs à ceux pratiqués par ses de communication/marketing en lien avec les attentes concurrents. et besoins de l’entreprise. Donc RÉVÉLATION ! Voici, globalement, les trois L’entreprise qui adopte cette stratégie doit donc agir principaux axes de développement commercial d’une sur ses coûts : entreprise : D’approvisionnement, notamment par le biais de la Miser sur la croissance des activités existantes négociation avec ses fournisseurs Maintenir ses activités à leur niveau actuel afin de De production : trouver des nouveaux procédés qui stabiliser l’entreprise permettent de les réduire sans perdre de qualité Abandonner certaines activités pour se recentrer sur De distribution, marketing… d’autres Lors de votre première rencontre avec une entreprise, Cette stratégie convient aux entreprises bien en tant que collaborateur ou prestataire, vous devez implantées sur leur marché et qui peuvent obtenir des donc cerner l’axe visé par la Direction Commerciale. économies d’échelle. Une fois cela fait, et seulement après, vous pourrez EXEMPLE : La marque de voiture SKODA alors identifier la ou les stratégies en place pour y parvenir. La stratégie d’innovation et de technologie Les stratégies de l’entreprise Pour lutter contre la concurrence, une entreprise peut se distinguer des autres grâce aux innovations Tout comme pour les axes de développement technologiques et obtenir ainsi un avantage commercial de l’entreprise, il existe différentes concurrentiel. stratégies d’entreprise que l’on peut identifier et nommer. Les innovations technologiques peuvent permettre de se différencier des concurrents. C’est donc une C’est un peu comme aux échecs ou à la guerre en stratégie compatible avec la stratégie de différenciation, somme ! Il y a des ouvertures, des manœuvres jouées et voire un moyen de la mettre en œuvre. Cela peut rejouées qui sont connues et identifiées. également permettre à une entreprise de créer une nouvelle demande et d’y répondre, ce qui permet de Et si cette image ne vous parle pas... je peux aussi vous se positionner sur un nouveau marché en écartant les dire que c’est comme au foot avec la tactique du 2-3-5 concurrents (stratégie “océan bleu”). (pyramide) ou du 3-4-3 (désordre organisé), etc. Mais je m’égare ! EXEMPLE : La société DYSON 6| FICHE | CRÉER ET ADMINISTRER UN SITE La stratégie de différenciation La coopération permettra à chacun de se spécialiser Il s’agira ici pour l’entreprise de chercher à se sur une activité et à coopérer avec d’autres entreprises démarquer de ce que proposent ses concurrents afin de sur les autres domaines d’activité. proposer une offre unique sur le marché. Voici quelques formes de coopération entre L’avantage sur les produits des concurrents peut être entreprises : commercial, qualitatif, technique... Le plus important est que le consommateur ait conscience de la valeur Sous-traitance ajoutée du produit/service. Il doit percevoir la création Accord de licence de valeur apportée par l’entreprise. C’est pour cette Franchise raison qu’il faut communiquer massivement en ce sens. Concession Il existe deux types de différenciations : La stratégie de niche La différenciation vers le haut ou sophistication Une stratégie de niche consiste pour le DAS (Domaine Cette stratégie consiste à proposer une offre plus d’Activité Stratégique) d’une entreprise à déployer élaborée que l’offre de référence du marché, mais à ses efforts, tant de conception, de production, de la vendre à un prix plus élevé. Il s’agit donc de rendre distribution que de promotion, non pas vers la totalité le produit unique, désirable en activant d’autres leviers d’un marché de masse déjà occupé par des concurrents que le prix. Mettre en avant une qualité, une expérience importants, mais vers une gamme de produits ou de consommation, jouer sur la valeur perçue du bien services et un segment de clientèle particuliers : la ou du service. Ce caractère unique du produit, sa valeur niche. perçue peut ainsi conduire le consommateur à payer un prix (et donc à effectuer un sacrifice financier) supérieur Une niche de marché est un petit segment de marché à celui de la concurrence (Apple, Häagen Dazs, Nike..) (en termes de clientèle ou de produits). Le nombre d’acteurs du côté de l’offre y est restreint mais la niche La différenciation vers le bas ou épuration est considérée comme rentable, de par la structure peu concurrentielle de son marché. La demande doit être Cette stratégie consiste au contraire à proposer une dans ce cas suffisante pour maintenir cette rentabilité. offre moins élaborée que l’offre de référence, mais à la vendre à un prix moins élevé. L’idéal consiste La focalisation peut s’avérer moins coûteuse et alors à réduire le coût plus que le prix, afin de générer la moins risquée car la taille de cette niche, limite un profit supérieur. C’est le positionnement adopté l’intensité de la concurrence. L’entreprise se protège notamment par Bic, ou Ryanair. La différenciation vers aussi des attaques des grandes entreprises qui se le bas ne doit pas être confondue avec la stratégie de désintéressent généralement des segments de clientèle coût. La stratégie de coût consiste à vendre un produit étroits. L’investissement est donc limité pour pouvoir équivalent ou supérieur moins cher, la différenciation occuper cependant une importante part de marché, par le bas consiste à vendre un produit plus basique voire une certaine exclusivité. Mais également, d’obtenir que le standard du marché mais nettement moins cher. des marges bénéficiaires plus avantageuses par la En transport aérien, vous achetez un siège dans l’avion possibilité de prix de vente supérieurs à ceux des vers un aéroport excentré chez Ryanair, qui pratique la produits courants. Ceci explique l’intérêt des PME ou différenciation par le bas. Chez Air France, qui pratique des nouveaux entrants pour ce type de marché. une différenciation par le haut, vous achetez une solution de mobilité (le siège, mais aussi les bagages, un Le risque pour l’entreprise est ici que les fabricants service à bord, etc.). qui avaient négligé la niche peuvent la jouer à leur tour (effet d’imitation) et rendre le marché davantage La stratégie de coopération soumis à la concurrence. Il perd alors son statut de niche. On peut citer ici le marché des SUV, initialement L’entreprise, au lieu de s’affronter avec ses un véhicule utilitaire, qui est devenu le modèle le plus concurrents, peut décider de coopérer avec eux afin vendu sur le marché automobile. que chacun puisse bénéficier d’avantages. # Liste des sources de cette section : Le coin des entrepreneurs Pascal Kermarrec BPI France Creation La WAB Webmaster Freelance Independant 7| FICHE | CRÉER ET ADMINISTRER UN SITE 2 - DÉFINIR LES OBJECTIFS D’UN SITE INTERNET https://www.youtube.com/watch?v=nzo3X5jlKwA Lancer la réflexion sur la définition des services ? Ouvrir une nouvelle antenne ? Allez-vous recruter ? Si oui, sur quel poste ? Le poste objectifs en question vous permettra t-il de vous dégager du temps ou bien d’augmenter le CA de manière Les objectifs globaux substantielle ? Décliner les objectifs globaux en objectifs Basez-vous TOUJOURS sur vos chiffres ! opérationnels. Une fois que vous connaîtrez la ligne directrice de Piloter par le chiffre c’est s’assurer de faire des votre entreprise, vous devrez décliner une feuille de mathématiques et mettre de côté l’affect. Pour route opérationnelle. Celle-ci comprendra des objectifs déterminer vos objectifs globaux, revenez-en donc aux commerciaux, de communication, de recrutement, basiques. d’image... Aujourd’hui : Exemple : Mon objectif global est de gagner en notoriété au local Quel est mon chiffre d’affaires ? Comment est-il réparti entre mes produits et mes DÉCLINAISON POSSIBLE POUR LA DIRECTION : services ? Avoir mis en place un évènement ponctuel Quelle marge brute dégage chacun de mes produits permettant de rassembler 5 grandes figures du ou services ? territoire dans l’année Quelle est la durée de vie de mes produits et Inscrire la société à un club d’entreprise dans les 3 services ? mois DÉCLINAISON POSSIBLE POUR LE SERVICE Je vous le donne en mille, un produit ayant une durée COMMERCIAL : de vie courte et dégageant une forte marge brute… Avoir contacté et qualifié au moins 250 nouveaux c’est ça que vous recherchez. contacts locaux dans la base de données clients d’ici 6 mois Et demain ? DÉCLINAISON POSSIBLE POUR LE SERVICE COMMUNICATION : Reposez vous exactement les mêmes questions et Avoir gagné au moins 200 fans sur la page Facebook posez des chiffres. Où souhaitez-vous être dans un an, d’ici 6 mois dans trois ans et dans cinq ans ? En termes de CA, de Avoir obtenu 3 articles dans la presse locale d’ici 6 répartition, de marge brute, etc. mois Allez-vous innover ? Lancer de nouveaux produits et 8| FICHE | CRÉER ET ADMINISTRER UN SITE Qu’est-ce qu’un bon objectif ? pour les personnes en charge de l’opérationnel. Avec un objectif clair, défini et mesurable un marketeur sera en mesure de prendre la mesure précise de ses résultats. Il Pourquoi définir des objectifs ? saura alors mieux analyser sa pratique et y apporter des corrections nécessaires si besoin. Définir des objectifs est essentiel pour mettre en place une feuille de route cohérente et pertinente et mener Avoir des objectifs mesurables permet de mieux suivre à bien votre stratégie marketing. En marketing comme son ROI (retour sur investissement ou Return On Invest partout ailleurs, fixer un objectif permet de se donner en anglais). une direction claire, vers un but défini, un résultat à atteindre, ce qui est finalement la clé pour y parvenir. En Comment définir des objectifs ? toute logique, pour aller quelque part, mieux vaut savoir où l’on veut aller ! Mais attention ! Pour réussir, l’objectif se doit d’être cohérent avec la stratégie de l’entreprise, et ses Les objectifs jouent également le rôle de guide objectifs plus globaux. L’objectif marketing peut pour les équipes impliquées. Ils donnent un sens, une donc être considéré comme le point de départ d’une direction à partager, avec des responsabilités clairement stratégie marketing à moyen et long terme, et sa mise réparties : bien posés, les objectifs aident à résoudre en application, dans un plus court terme. bien des malentendus ! Définir clairement ses objectifs est également essentiel La méthode SMART ! 9| FICHE | CRÉER ET ADMINISTRER UN SITE Pour un objectif à atteindre, le terme SMART peut en groupe ou avec d’autres personnes chargées du correspondre aux indicateurs suivants : projet ses objectifs pour que la mise en place des indicateurs SMART soit la plus optimale possible. SPÉCIFIQUE (ANGLAIS : SPECIFIC) Un objectif spécifique doit être en lien direct avec Comment mesurer un objectif ? le travail de la personne chargée de réaliser l’objectif : il doit être personnalisé. Par ailleurs, un objectif Les 3 pièges à éviter peut également être qualifié de simple car il doit être Au lieu de vous dire TOUT ce que vous devriez faire, simple à comprendre, clair, précis et intelligible pour la chose que nous ne pourrons jamais contrôler. Nous personne chargée d’atteindre cet objectif, afin qu’elle avons décidé de vous expliquer tout ce que vous ne soit efficace. En effet, la complexité ralentit l’action. De devez PAS faire. Il y a moins à retenir de cette façon. Et plus, il doit être compréhensible également par tous puis, ce qui nous apprend le plus reste l’erreur ! Alors pour que l’objectif ait une légitimité aux yeux de tous. pourquoi pas, de temps en temps, apprendre les erreurs plutôt qu’une myriade de bonnes pratiques ! MESURABLE (ANGLAIS : MEASURABLE) : Un objectif mesurable doit être quantifié ou qualifié. (Source : article de Pascal Jaquin pour les éditions Pour réaliser un objectif, la définition d’un seuil est Tissot. Pour plus de précisions, les Éditions Tissot vous nécessaire afin de savoir quel est le niveau à atteindre, proposent leur documentation « Management : gérer la valeur de la mesure à rencontrer. Il n’est pas possible son équipe au quotidien ».) de choisir un objectif que l’on ne peut quantifier ou qualifier par souci d’évaluation des moyens nécessaires PIÈGE NUMÉRO 1 : MESURER AU MAUVAIS MOMENT pour l’atteindre. Exemple : vous avez demandé à votre équipe ACCEPTABLE (ANGLAIS : ACCEPTABLE) : de commerciaux de procéder à une opération de Il doit également être partagé par les participants qualification de leurs clients : (agreed upon) et orienté Action (action oriented). On dit parfois également Acceptable et Ambitieux « Pour tout client en compte, saisir dans l’outil CRM (acceptable and ambitious). Un objectif acceptable est la fiche de qualification. Toutes les rubriques de la un objectif suffisamment grand et ambitieux pour qu’il fiche doivent être remplies, suivant la procédure de représente un défi et qu’il soit motivant. Par ailleurs, remplissage ». cet objectif doit être atteignable et donc raisonnable, favorisant ainsi l’adhésion des participants à ce dernier. La réalisation de cet objectif prend effet de suite, dès Ainsi, l’objectif sera plus facilement accepté par chacun sa transmission. des acteurs. C’est le cas de tout changement de procédure ou de RÉALISTE (ANGLAIS : REALISTIC) nouvelles exigences introduites dans les missions de vos Même si on trouve une variante en Relevant, pour collaborateurs. pertinent) : un objectif réaliste est un objectif pour lequel le seuil du réalisme est défini. C’est-à-dire un Mais de ce fait, quand devriez-vous en réaliser la niveau pour lequel le défi motivera le plus grand mesure ? nombre de participants et évitera au mieux l’abandon de certains participants au fur et à mesure de la -> On voit apparaître que le délai pour établir une progression de l’objectif ; mesure du résultat est fonction du nombre de clients qualifiés à un moment donné. TEMPORELLEMENT DÉFINI (ANGLAIS : TIME- BOUND) : En effet, sans ce critère, il y a le risque que vous Un objectif temporellement défini est délimité dans le mesuriez la réalisation de votre objectif trop tôt, car temps : une date butoir avec, éventuellement, des dates pour réaliser cette qualification, il faut au moins que intermédiaires. L’objectif doit être clairement défini chaque commercial ait pu visiter un nombre suffisant de dans le temps par des termes précis comme « d’ici 3 clients. mois » et non pas par des termes flous comme « le plus rapidement possible ». On pourrait alors décider d’ajouter à l’objectif le critère de résultat suivant : Il existe une multitude d’indicateurs mais ceux-ci sont les plus utilisés dans les domaines du marketing et du « La moitié de vos clients actifs doit avoir été qualifiée management. avant telle date ». Pour conclure, l’utilité d’un indicateur SMART résulte Dans ce cas, il a été défini une période de travail qui va de la précision de l’objectif fixé. En effet, si l’objectif visé permettre de rendre le moment de mesure adéquat et est trop vague il n’est pas possible de vérifier s’il a été représentatif. atteint. Il faut donc prendre le temps de bien formuler 10 | FICHE | CRÉER ET ADMINISTRER UN SITE PIÈGE NUMÉRO 2 : TROP MESURER transmission de votre objectif en réunion. Il y a alors un risque que vous soyez mécontent du résultat et Vos actions de mesure des objectifs doivent être vos collaborateurs mécontents d’être pris en défaut. réalisées avec une fréquence adaptée. Mauvaise ambiance ! Le risque de mesurer trop d’objectifs et trop souvent, Mesurer la réalisation de façon moins exigeante que est de créer un sentiment négatif de contrôle, ce que l’objectif doit atteindre. d’étouffement et, avec à la clé une démotivation du collaborateur. Ceci étant particulièrement ressenti par Exemple : vous vous contentez de ne vérifier que les collaborateurs les plus compétents et impliqués. quelques clients pris au hasard. Dans ce cas, il y a un risque que vous soyez satisfait, alors qu’en réalité vous Tous les objectifs ne font pas l’objet d’une mesure n’avez pas mesuré ce qui était exigé. Mais de plus, cette formelle, mais seulement ceux qui comportent les situation peut générer chez le commercial le sentiment caractéristiques suivantes : suivant : « pourquoi m’être fait tant de souci et de pression sur les autres critères puisque seul celui-ci lui Ils sont stratégiques pour votre équipe ou votre importe ! ». Vous pourriez considérer que cette mesure département ne représente qu’une étape « intermédiaire » avant Ils répondent à un changement et sont nouveaux votre mesure finale et complète, et que vous avez ciblé pour vos collaborateurs ; les critères qui vous paraissaient les plus importants. Ils portent sur une action difficilement mesurable Pourquoi pas. par le collaborateur lui-même. C’est particulièrement le cas pour tous les objectifs dont l’action finale Mais dans ce cas, il faut que ce soit clair pour vos est d’ordre comportemental (négocier, présenter, managers et pour vos collaborateurs. Et que, dans tous s’exprimer, etc.). les cas, l’objectif soit à terme mesuré complètement tel qu’exigé. PIÈGE NUMÉRO 3 : MESURER UN OBJECTIF INSUFFISAMMENT PRÉCIS Comprendre la notion de kpi et avoir une idée des indicateurs de mesure existants Lorsque vous mesurez l’atteinte d’un objectif, vous portez un jugement, en comparant ce qui a été réalisé à Mesurer les KPI un standard : votre objectif transmis. Le terme de KPI est un acronyme issu de l’anglais, Autrement dit, plus l’objectif sera précis et signifiant Key Performance Indicator. En français, on mesurable, plus vous éviterez des jugements erronés, parle d’indicateur clé de performance (ICP). Un KPI sources de démotivation. permet à une marque de bien piloter et de mesurer l’efficacité d’une campagne marketing. Or, si les critères de réalisation sont insuffisamment précis, vous pouvez tomber dans 2 pièges : Les KPIs sont des indicateurs de performance qui vous permettent d’évaluer la notoriété de votre marque, Mesurer la réalisation de façon excessive par rapport le degré d’engagement des visiteurs sur votre site aux exigences de l’objectif. internet, l’efficacité de vos contenus pour acquérir des leads, l’efficacité de votre système de ventes ou encore Exemple : vous décidez de vérifier le nombre de clients la capacité à fidéliser votre clientèle. qualifiés par vos commerciaux dès le lendemain de la 11 | FICHE | CRÉER ET ADMINISTRER UN SITE Comment mesurer la notoriété de votre marque en avant sur d’autres sites internet (médias, experts (exemples) ? sectoriels, blogueurs, etc.) ? Pourcentage de « returning visitors » : à quelle Portée : combien de personnes ont vu un contenu en fréquence les visiteurs reviennent-ils sur votre site ? particulier ? Taux de souscription à votre newsletter : comment Nouveaux visiteurs : combien de nouveaux visiteurs évoluent dans le temps vos abonnés à la newsletter ? sont venus sur le site ? Visiteurs connus : combien de visiteurs ayant déjà Comment mesurer l’acquisition de leads été identifiés lors d’une session antérieure reviennent (exemples) ? sur votre site ? Nombre de visiteurs : combien de visiteurs viennent Nouveaux leads : combien de nouveaux contacts sur le site sur une période donnée ? entrants, vos contenus génèrent-ils sur une période Nombre de pages vues : combien de visiteurs ont vu donnée ? Quels sont les contenus qui vous apportent le l’une des pages de votre site ? plus de leads qualifiés ? Nombre de followers actifs : combien de personnes Nombre total de leads : combien de contacts qui vous suivent ont interagi avec l’une de vos entrants vos contenus génèrent-ils sur une période publications dans les 30 derniers jours? donnée ? Fans et followers : combien de personnes vous Marketing Qualified Lead (MQL) : combien de suivent sur l’un de vos réseaux sociaux ? leads ont été qualifiés par le marketing = c’est-à-dire : Popularité du contenu : comment performent-ils au combien de leads ont effectué une action qui permet fil du temps ? de les définir comme engagés et susceptibles d’être Nombre total d’actions « sociales » : combien intéressés par vos services/produits ? avez-vous d’actions sociales effectuées (like, partage, Ratio lead/MQL : combien de leads ont avancé dans commentaire…) sur une période donnée ? leur parcours d’achat et sont donc devenus MQL ? Backlinks : combien de sites ou de pages de site Ratio MQL/SQL : combien de MQL sont devenus pointent vers votre site ou une page de votre site ? SQL ? Taux de rebond : combien de personnes ont quitté Sales Qualified Lead (SQL) : combien de leads une page spécifique du site internet sans avoir visité ont été jugés suffisamment qualifiés par l’équipe d’autres pages du site ? commerciale et requièrent un contact direct avec les Pages par session : quel est le nombre moyen de commerciaux ? pages visitées lors d’une seule et unique session ? Coût d’un SQL : combien un SQL vous coûte-t-il en Durée moyenne des sessions : quelle est la durée moyenne ? moyenne de session sur votre site ? Opportunité : combien de SQL sont devenus de vraies opportunités commerciales ? Comment mesurer l’engagement des visiteurs Coût par lead : quel est le coût moyen d’un lead ? (exemples) ? Taux de conversion : quel est le pourcentage de visiteurs qui ont effectué l’action désirée (ex Partages sociaux : combien de personnes partagent : téléchargement d’un livre blanc, inscription à la un contenu en particulier ? newsletter, demande de démo, etc.) après avoir interagi Commentaires : combien de personnes réagissent avec l’un de vos contenus ? à une publication spécifique(que ce soit sur votre blog, Qualification des leads : combien de leads ont fait facebook, twitter…) ? une transaction chez vous ? Likes : quelles sont les publications qui génèrent le Trafic organique : quel est le pourcentage de vos plus d’engagement sur les réseaux sociaux ? leads provenant des recherches organiques sur les Mentions : combien de personnes mentionnent l’une moteurs de recherche (Google) ? de vos publications sur les réseaux sociaux ? Positionnement : quelle est l’évolution de vos Demandes directes : avez-vous des personnes qui positions dans les résultats des moteurs de recherches vous contactent pour être visibles sur votre site ? sur un ensemble de requêtes/mots-clés ? Cela vous Republications : vos publications sont-elles mises permet d’apprécier la performance de votre stratégie de référencement… 12 | FICHE | CRÉER ET ADMINISTRER UN SITE Comment mesurer l’efficacité de votre système de vente (exemples) ? Pourcentage de clients récurrents / Taux de fidélité : combien de clients ont déjà acheté l’un de vos Taux de conversion lead-client : combien de leads produits/services précédemment ? vous faut-il pour conclure une vente sur une période Customer Lifetime Value (CLV) ou Valeur Vie Client donnée ? : correspond à la somme des revenus générés par une Coût par acquisition : combien cela vous coûte-t-il entreprise tout au long de sa relation avec un client pour transformer un lead en client ? Perte de clients (« churn ») : combien en avez-vous Durée du cycle de vente : quelle est la durée perdu au cours des 12 derniers mois ? moyenne du cycle de vente, c’est-à-dire le temps écoulé Taux de satisfaction client : comment vos produits entre le premier contact et l’achat ? ou services répondent ou surpassent les attentes de vos Panier moyen : quelle est la moyenne d’achat clients ? effectuée par un même consommateur sur une période Taux des tickets clôturés : économies réalisées par donnée ? l’intermédiaire d’une assistance clientèle en ligne Ambassadeurs : combien de clients fiers de travailler Comment mesurer la fidélisation de votre avec vous sont prêts à vous recommander auprès de clientèle (exemples) ? leur entourage ? Liste des sources : La WAB Webmaster-Freelance 13 | FICHE | CRÉER ET ADMINISTRER UN SITE 3 - CIBLES DU SITE INTERNET https://www.youtube.com/watch?v=nzo3X5jlKwA Définir les cibles marketing et de Je vous le donne en mille, un produit ayant une durée de vie courte et dégageant une forte marge communication d’un site internet brute… c’est ça que vous recherchez. Définition du terme CIBLE et de ses dérivés Une fois cette notion comprise, vous verrez qu’en communication ou en marketing, nous abordons Tout d’abord, commençons par définir ensemble ce différentes Cibles ! que l’on entend par “CIBLE” dans le jargon marketing. Faire la différence entre une cible marketing et La cible est la population que l’on souhaite toucher une cible de communication lors d’une action commerciale ou marketing. La cible peut être constituée de clients ou prospects. Pourquoi Cible marketing : C’est la cible à qui l’annonceur détermine-t-on des cibles avant de lancer une action de (l’entreprise) VEND ! marketing direct ? Car elle permet, quand elle est assez précise de : Cible de communication : C’est la cible à qui l’annonceur (l’entreprise) PARLE ! Personnaliser le message Augmenter l’efficacité de la campagne EN UNE IMAGE : Réduire les coûts en évitant les contacts inutiles 14 | FICHE | CRÉER ET ADMINISTRER UN SITE Comment segmenter une cible de prospects qu’il faudra convertir en clients. communication ? LE COEUR DE CIBLE En identifiant les cibles, l’annonceur pourra proposer des actions de communication précises. En segmentant En communication, le cœur de cible est le groupe la cible qualitativement et quantitativement, l’enjeu d’individus sur lequel les efforts de communication est de déterminer le dispositif à mettre en place et se concentrent. Le cœur de cible est le plus gros le budget à allouer. Plus l’on dispose d’un budget potentiel de l’annonceur. Il fait toujours partie des cibles conséquent, plus l’on pourra toucher un nombre principales, c’est un sous-ensemble de celles-ci. important de personnes ou étendre le dispositif sur un territoire plus large. EXEMPLE : Selon l’action à mener et le contexte de Cible principale : les hommes de 35 à 45 ans habitant à communication, il pourra s’agir de travailler en B to B Neuilly. ou en B to C, voire les deux. Cela aura un impact sur les moyens à retenir et à choisir. Coeur de cible : les hommes de 35 à 45 ans habitant à Neuilly, propriétaires de leur logement. LES CIBLES PRINCIPALES LES CIBLES SECONDAIRES : Les cibles principales sont les entités que l’annonceur souhaite toucher dans sa campagne Ces entités sont des cibles indirectes de la de communication. stratégie de communication en place. Elles sont des relais d’opinion, des prescripteurs, des revendeurs, La cible principale est celle à qui il faut “faire connaître des distributeurs, des journalistes... En les visant pour faire acheter”. Elle dispose de tous les critères directement par l’intermédiaire des moyens de pour être convertie en acheteur. L’enjeu est de lui communication mis en place, elles apporteront un avis adresser la communication prioritairement. Le message sur le projet de la campagne. Elles peuvent influencer à lui transmettre est articulé sur ses motivations afin les cibles principales dans leur acte final. de lever ses freins. Sa qualification est obligatoire et passe par des critères précis d’un point de vue qualitatif Dans le cas de budget de communication très (freins et motivations de la cible) et quantitatif (nombre faible, elle peut devenir une cible principale. C’est- de personnes concernées, localisation, âges, CSP, à-dire que l’on peut s’en servir pour promouvoir le revenus, niveau d’études, critères chiffrés). On peut y produit, la marque, au même titre qu’un support de trouver aussi bien des clients (stratégie de fidélisation communication. ou réveiller des clients devenus passifs) que des EN UNE IMAGE : 15 | FICHE | CRÉER ET ADMINISTRER UN SITE Définir les personae d’une entreprise Téo est célibataire est vit dans la campagne proche L’exercice de Persona consiste à imaginer 4 ou 5 de Bergerac. Il est passionné de mangas, jeux vidéos, personnes-types qui, prises ensemble, représentent streaming sur le même thème. votre cible et sa diversité. Ils vont vous servir à valider vos hypothèses commerciales et vos contenus en Il a suivi des études plutôt généralistes sous le conseil communication, simplement en vous demandant « qu’en de sa famille et de ses profs. Mais il ne savait pas penserait Manon ? » Ils vont également vous servir à vraiment ce qu’il voulait faire. Après une première année cibler vos publicités sur les réseaux sociaux en utilisant de BTS, il arrête sa formation car ça ne lui plaît pas du leurs caractéristiques. tout. Un persona, autrement appelé buyer persona, c’est Téo aime surtout passer du temps derrière les écrans. votre client idéal. C’est-à-dire celui qui achètera vos Il a beaucoup entendu parler de code, de développeur, produits ou services : c’est votre target (cible). Définir du fait que ça payait bien. Ça lui permettrait d’allier sa ses buyers personas, c’est définir des profils d’acheteurs, passion pour les jeux vidéo et son travail. Il recherche qui ont des comportements d’achat similaires. On donc une formation dans ce secteur mais n’a pas d’idée parle souvent d’archétypes, c’est-à-dire de modèles de très précise. personnes et de leurs comportements. Ses parents sont inquiets pour lui et sa mère l’aide Comment créer ses propres personae (ou buyer énormément (trop à son goût) dans ses recherches. persona) ? Jusque là il avait un rythme calqué sur celui de l’école Votre persona, c’est votre client type. Forcément mais depuis qu’il a arrêté, il traîne pas mal au lit le matin. vous allez un peu le stéréotyper, forcément vous allez Plutôt lève tard couche tard donc. Jamais chez lui le sûrement vous servir d’une personne que vous avez week-end, il préfère profiter de son groupe d’amis qu’il déjà croisée au travail. Ça n’est pas grave ! C’est même a depuis le lycée. Il part assez régulièrement à Bordeaux très bien ! Mais attention ! Un persona ça n’est pas non pour y retrouver ceux qui y font leurs études. plus un gros cliché sur pattes ou un profil type qui vous arrange. Côté Internet… il maîtrise sans souci. Il a un PC portable, ses parents ont une tablette, mais il ne s’en Pour réaliser correctement cet exercice, il faut sert pas. Il passe beaucoup de temps sur son mobile, l’appréhender de manière littéraire et créative. Il faut le dernier Samsung sur lequel il joue et regarde pas sortir des sentiers battus et aller chercher un maximum mal de stream ou vidéos Youtube. Il n’a pas de compte de détails. Ce sont ces détails qui, à l’usage, vous Facebook. Lui c’est plutôt Whatsapp, Snapshat, permettront de mieux vous projeter lors de la création Instagram (pour stalker 2/3 anciennes du lycée). de support de communication ou lors de la rédaction de contenus. Les formations proposées par nos soins pourraient l’intéresser. Ce qui le retiendrait ? Le fait de devoir Prenons l’exemple d’un centre de formation au digital rester à Bergerac (et donc chez ses parents), le côté sur Bergerac. généraliste de la formation proposée (alors qu’il préfèrerait quelque chose très orienté jeux vidéos). Voici un persona qui pourrait lui correspondre : EXEMPLE DE PERSONA MIS EN FORME Téo Marcot - 21 ans # Outil pour mettre en forme des personas (ou buyer persona) Canva Hubspot User Forge # Liste des sources de cette section : Webmarketing-com Mediapost E-marketing.fr Cours 2 : Spécifier la conception fonctionnelle d’un site internet réalisé avec WordPress SPÉCIFIER LA CONCEPTION FONCTIONNELLE D’UN SITE INTERNET RÉALISÉ AVEC WORDPRESS https://www.youtube.com/watch?v=-MHFnnCbUR8&feature=emb_title 17 | FICHE | CRÉER ET ADMINISTRER UN SITE 1 - CRÉER L’ARBORESCENCE D’UN SITE INTERNET https://www.youtube.com/watch?v=k6OENJc0JtU&feature=emb_title Arborescence vs Navigation dispose un utilisateur sur un site internet ! DÉFINITION Comment peut-on naviguer sur un site internet ? L’arborescence, ou plan de site, se présente généralement sous la forme d’un schéma qui organise Soigner ses parcours utilisateurs et son ergonomie les pages du site en rubriques et définit les différents pour guider les visiteurs niveaux de navigation. C’est généralement la première étape lors de la conception d’un site web. Une fois Pour organiser une grande quantité d’informations, il que l’arborescence du site internet a été validée, toute existe différents dispositifs de navigation. l’équipe dispose d’une vision d’ensemble sur le site, et on peut descendre d’un niveau pour s’intéresser aux Leur mise en place vise systématiquement à améliorer pages en vue de la réalisation des maquettes. les parcours de vos utilisateurs, que ceux-ci naviguent via un ordinateur ou un mobile. Mais avant de réaliser une arborescence, prenons d’abord conscience des moyens de navigation dont Pour commencer, faisons donc le tour des différents dispositifs de navigation existants ! 18 | FICHE | CRÉER ET ADMINISTRER UN SITE # Menu de navigation principal, avec éventuellement un menu secondaire qui apparaît au survol du menu principal # Menu de navigation secondaire 19 | FICHE | CRÉER ET ADMINISTRER UN SITE # Moteur de recherche interne avec (ou non) des facilités d’accessibilité offertes # Barre latérale, où l’on peut favoriser la navigation horizontale via des suggestions de catégories, produits ou articles 20 | FICHE | CRÉER ET ADMINISTRER UN SITE # Pied de page, avec un accès aux principales catégories du site ou à des pages clés Et ATTENTION, car tous ces dispositifs n’auront pas forcément la même forme lors d’une navigation mobile !!! 21 | FICHE | CRÉER ET ADMINISTRER UN SITE Il est coutume de dire qu’une page qui ne peut être cette forme mais celle-ci reste la plus répandue. atteinte en 3 clics est inutile. Dans l’image proposée, des pointillés ont été ajoutés Lorsque l’on conçoit une arborescence, il ne s’agit pour que vous puissiez vous représenter le nombre de donc pas uniquement de classer du contenu en clics à effectuer pour atteindre un contenu. catégories et sous-catégories, il s’agit d’anticiper des parcours. Plus le nombre de clics est grand, plus on dit que le contenu (ou la page) est profond. En somme, il faut aller À quoi ça ressemble une arborescence ? la chercher loin en entrant dans une catégorie, puis une sous catégorie puis une sous sous catégorie et ainsi de suite. L’image ci-dessous est la représentation d’une arborescence. En ergonomie, nous appelons ça Profondeur de Catégories. Toutes ne sont pas forcément représentées sous 22 | FICHE | CRÉER ET ADMINISTRER UN SITE Le niveau zéro désigne la page d’accueil. catégories est d’organiser le contenu de votre site pour rapprocher au maximum les pages liés à un même Pour aller sur la page A1 par exemple, je dois d’abord champ sémantique. visiter l’accueil, cliquer sur la page A puis sur la page A1. Dans le jargon SEO (référencement naturel), on parle J’ai donc effectué 2 clics. d’architecture en silo quand toutes les pages d’une catégorie appartiennent à un même champ sémantique. Si je prends l’exemple d’une page Mentions Légales (non représentée ci-dessus) qui serait accessible depuis Pour cela vous devez porter une attention toute le footer (pied de page) du site internet. particulière à la conception de votre arborescence et être vigilant quant à son architecture globale et au Je n’aurai qu’un seul clic à effectuer pour la consulter. maillage interne de vos pages. La page A1 est donc plus profonde que la page Le maillage interne désigne généralement le Mentions Légales. mode d’organisation des liens internes à un site web. Le maillage interne joue un double rôle. Il permet Soigner son arborescence pour améliorer son d’optimiser la navigation au sein d’un site et joue référencement naturel également un rôle dans le domaine du référencement naturel / SEO. L’arborescence de votre site internet aura un impact L’architecture en SILO (ou siloing) désigne une considérable sur son référencement naturel, que ce soit technique d’architecture SEO qui optimise la structure au niveau global ou dans la hiérarchie des pages de d’un site Web via l’organisation du contenu dans des votre site. Les moteurs de recherche analysent les liens silos, basés sur des mots/thématiques clés ciblés, afin entre les pages de votre site pour en comprendre la d’en augmenter la pertinence aux yeux des moteurs de structure générale, et déterminer quelles sont les pages recherche. Au lieu d’envisager des catégories ou menu clés. Plus une page est « profonde », moins elle sera on envisage donc plutôt des thématiques. prise en compte. L’image ci-dessous représente une arborescence MAILLAGE DES PAGES avec une architecture en SILO permettant de visualiser le maillage interne qui sera mis en place entre les pages. Le plus important après la hiérarchisation des 23 | FICHE | CRÉER ET ADMINISTRER UN SITE Le maillage interne est un sujet vaste et passionnant. Pour vous aider à avoir les idées claires quand vous Un lien interne relie différentes pages d’un même site travaillez sur votre arborescence, voici les trois règles internet. Il est utile en référencement dans le sens où il essentielles : va contribuer à créer un maillage interne efficace dans une arborescence cohérente. Plus une page est haute dans la hiérarchie de votre plan, meilleur sera son référencement, Les liens externes Plus une page reçoit de liens d’autres pages de votre site, meilleur sera son référencement, Les liens externes sont de deux types. Appelons votre Plus une page reçoit (et envoie) des liens de pages site internet le site A et un autre site internet le site B. proches au niveau sémantique, meilleur sera son référencement. Liens sortants Dernière chose, tous les liens internes ne se valent pas. Le lien sortant est un lien qui se fait de votre site (A) vers un site externe (B). Par exemple, lorsque vous citez Un lien depuis le menu principal sera davantage un partenaire et que vous faites un lien vers son site : valorisé qu’un lien dans le pied de page, et un lien dans vous faites un lien sortant. Ces liens ne sont pas utiles le contenu sera plus valorisé qu’un lien en sidebar. pour vous, mais montrent à Google que vous jouez le jeu de l’écosystème du net. Il n’est pas préjudiciable Qu’est-ce qu’un lien ? d’avoir des liens sortants. Dans le web, un lien est un passage qui est fait entre Liens entrants (backlinks) deux pages. Il permet à l’internaute de naviguer sur le web. Un lien peut être positionné sur une image Un lien entrant est fait d’un site internet externe (B) cliquable, sur un bouton ou sur un texte. Dans ce dernier vers votre site (A). Par exemple, lorsqu’un partenaire cas, on appelle le texte ancre, souvent d’une autre vous cite sur son site en faisant un lien vers votre couleur, sur lequel l’internaute clique pour passer à la site, vous recevez un lien entrant. Ces liens sont page reliée. Il existe différents types de liens selon les aussi appelés backlinks. Ils sont très importants en pages qui sont reliées. référencement car ce sont eux qui vous apportent de la popularité, un des piliers du SEO. Les liens internes 24 | FICHE | CRÉER ET ADMINISTRER UN SITE Concevoir une arborescence optimisée Ces peintures pour murs mates [lien vers la fille 1] ont pour une meilleure expérience utilisateur l’avantage de (...) et un meilleur référencement naturel H2 : Les peintures pour murs satinées Très en vogue actuellement, les peintures pour murs De l’intérêt d’une arborescence cohérente et satinées [lien vers la fille 2] (...) thématisée H3 : Les peintures pour murs brillantes Quand on a compris le fonctionnement des moteurs Vos murs méritent ce qu’il y a de mieux. C’est pourquoi de recherche, on voit immédiatement l’intérêt d’un les peintures pour murs brillantes [lien vers la fille 3] (...) site bien construit. En effet, les robots des moteurs de recherche, pour indexer les pages, circulent de lien en Dans chaque paragraphe, un lien est fait vers la page lien. S’il se trouve d’une page traitant d’une thématique fille (la sous-catégorie). Son ancre est soignée : on et qu’il arrive sur une page de la même thématique, il indique dès cette page mère ce que le moteur trouvera aura compris deux fois mieux que le site traite de cette dans la page de destination. En effet, afin d’améliorer thématique en particulier. le référencement, il vaut mieux éviter les tournures génériques comme «lire la suite», «cliquez ici» ou «plus Cocon sémantique d’informations». On appelle cocon sémantique le fait de relier entre Dans cette page mère, à aucune moment un lien n’est elles, et uniquement entre elles, les pages d’une même fait vers un autre silo thématique (par exemple les thématique. Si vous vendez du matériel de bricolage, luminaires). il s’agira de relier, par exemple, l’ensemble des pages traitant de la peinture. À côté, on reliera entre elles PAGE FILLE l’ensemble des pages qui traitent des luminaires. Cependant, à aucun moment on ne reliera une page Dans l’arborescence viennent ensuite les sous- traitant d’un luminaire avec une page traitant de catégories : ce sont les pages filles. Ces pages filles peinture. feront un lien dans leur introduction vers la page mère. En effet, un lien dans l’introduction a plus de poids Le fait de relier ces groupes de pages permettra aux qu’un lien dans la conclusion. Et la page mère répond à robots de rester dans une même thématique et créer un mot-clé plus important en termes de volume. Il faut l’image d’un cocon. le pousser au maximum. Cette page fera également des liens vers les pages filles et également vers les pages Arborescence en silo sœurs dans la conclusion. Pour aller plus loin que le cocon sémantique, on peut Par exemple : penser à l’arborescence d’un site internet comme des silos étanches. Chaque silo représente une thématique. H1 : Nos peintures pour murs mates Dans chaque silo, on a une page mère et des pages Chapô : Choisissez des couleurs profondes pour votre filles, voire des pages petites-filles, comme dans un décoration grâce à une peinture pour murs mate, très arbre généalogique ! tendance Intro : Parmi nos peintures pour murs [lien vers page PAGE MÈRE mère], nous vous proposons des peintures pour murs mates. (...) La page mère est la page la plus haute dans H2 : Peinture pour murs mate rouge l’arborescence. On accède donc à au sommet de La peinture pour murs mate rouge [lien vers page fille l’arborescence depuis la page mère. Elle répond à 1] est très tendance pour les pièces à vivre (...) des requêtes assez génériques. Souvent, ce sont les H2 : Peinture pour murs mate bleue catégories de produits qui constituent les pages mères. La peinture pour murs mats bleue [lien vers page fille 2] ira parfaitement dans votre intérieur (...) Reprenons l’exemple des peintures : la page mère H2 : Peinture pour murs mate verte répondra à la requête «peinture murs». Elle listera en les résumant les sous-catégories de peintures. Osez la couleur ! Cette peinture pour murs mat verte [lien vers page fille 3] ravira tout le monde (...) PAR EXEMPLE : Conclusion : Vous en voulez plus ? Découvrez nos H1 : Les peintures pour les murs peintures pour murs satinées [lien vers page sœur 1] et Chapô : Afin de répondre à toutes vos envies, notre nos peintures pour murs brillantes [lien vers page sœur gamme de peintures pour murs s’étend (...) Intro : (...) 2]. H2 : Les peintures pour murs mats 25 | FICHE | CRÉER ET ADMINISTRER UN SITE PAGES PETITES-FILLES pas à côté ! H2 : Descriptif de notre peinture pour murs mate rouge (...) Ce niveau n’est pas obligatoire. On peut évidemment H2 : Fiche technique (...) se contenter, si on a peu de produits et peu de pages, H2 : (...) etc. de pages mères et de pages filles uniquement ! Conclusion : Découvrez également notre peinture pour Ces pages sont dans le même principe que les pages murs mate bleue [lien vers la sœur 1] et notre peinture filles : un lien dans l’introduction vers la mère (qui est pour murs mate verte [lien vers la sœur 2]. la fille.... j’espère que vous suivez !) et des liens dans la conclusion vers les sœurs. On notera bien qu’on ne fait ici pas de lien vers les tantes (peinture pour murs brillante), vers les cousines PAR EXEMPLE : (peintures pour murs brillantes rouges) ou vers la grand-mère (peintures pour murs). H1 : Peintures pour murs mates rouges Chapô : (...) Intro : Nos peintures pour murs mates De plus, les ancres sont, là encore, toujours optimisées [lien vers la mère] vous offrent la tendance et la facilité sur le mot-clé de la page de destination. Voici une d’entretien. Le rouge est la couleur de l’année, ne passez illustration de l’arborescence avec le maillage interne schématisé : Ce type d’arborescence renforcera de fait le contenu que vous êtes leader dans votre domaine. de chaque page et encouragera Google à comprendre # Outil pour mettre en forme des personas (ou buyer persona) LE FAVORI >>> GLOOMAPS : https://www.gloomaps.com/ FLOWMAPP : https://www.flowmapp.com/ MINDNODE : https://www.mindnode.com/ XMIND : https://www.xmind.net/ # Liste des sources de cette section : La WAB 26 | FICHE | CRÉER ET ADMINISTRER UN SITE 2 - CONCEVOIR ET RÉALISER UN MOCKUP POUR UN SITE INTERNET https://www.youtube.com/watch?v=qMVsu7rDr_U Qu’est ce qu’un mockup et quel est son mais en le voyant il/elle pourra très certainement vous faire une remarque judicieuse de type «t’aurais pas rôle ? oublié de positionner les coordonnées de l’entreprises ?») Lorsque l’on créé un zoning, il s’agit de définir en noir un gain de temps pour la réalisation des maquettes et blanc la mise en page, l’organisation de différents graphiques (puisque le designer ne partira pas de la éléments, voir les principaux textes d’une page web. page blanche) une optimisation du budget ; toute erreur en phase Autrement dit, dans le contexte de la création et de conception vaut bien moins cher à rectifier qu’une du développement d’un site web, le zoning est la fois la page intégralement développée pratique qui consiste à « découper » et représenter les d’anticiper vos attentes au niveau du comportement différentes zones et les types de contenus qui leurs sont sur tablette et mobile : et oui ! à quoi ressemblera votre affectés pour un type de page du site. mosaïque de photo sur un iPhone 6 ?! Dans le jargon, ce type de maquette peut être nommé Vous l’aurez donc compris, lorsque l’on réalise un zoning, wireframe ou bien encore mockup. zoning, on ne travaille pas sur une seule résolution de type, écran d’ordinateur. À quoi ça sert ? Pourquoi est-il important de s’attarder sur des Nous allons décliner ceux-ci dans leur version tablette maquettes fonctionnelles et non créatives ? paysage, tablette portrait, mobile, etc. Dans le cadre d’un projet web, la réalisation de zonings Et si l’on travaille à l’endroit, il est même vivement est extrêmement bénéfique car elle permet : recommandé de débuter sa conception avec les zonings mobiles. l’implication de l’équipe et ou des autres C’est l’assurance d’imaginer une expérience utilisateur collaborateurs de la société (certes, peut être que le/la dite MOBILE FIRST ! secrétaire ne participe pas à la conception d’un zoning, 27 | FICHE | CRÉER ET ADMINISTRER UN SITE Le mobile first c’est quoi exactement ?!! les autres pages capitaliser sur les éléments communs identifiés pour Le concept mobile first consiste à concevoir un site en : concevant en priorité la version mobile et en adaptant limiter les temps d’intégration et progressivement celui-ci pour les écrans plus larges. de développement Cette façon de procéder est contraire à la manière gagner en cohérence entre les différentes pages ordinaire (responsive design) qui consiste à dégrader de votre site progressivement un site web pour l’adapter à un harmoniser la navigation et l’expérience affichage sur des écrans plus petits. Cette approche utilisateur peut être utile pour les sites web et applications web qui sont principalement utilisés sur mobile. Elle a Identifiez les pages types de votre site web l’avantage d’ajouter des effets/fonctionnalités pour les grands écrans au lieu d’en supprimer pour les petits. Il est primordial d’identifier les différents types de pages que possèdera votre site. QUELS OUTILS UTILISER POUR RÉALISER UN ZONING ? Imaginons que votre site possède 100 pages et que ces 100 pages possèdent 100 structures différentes, > simple et efficace : papier / crayon / gomme cela va représenter plusieurs risques : > Mockflow : outil gratuit et en ligne interface vécue comme complexe par les utilisateurs interface longue à développer donc chère > plus ludique et simple d’utilisation : Balsamiq (licence à vie à 89$) ou Cocoon (gratuit mais interface Identifier les différents types de page vous permettra plus nébuleuse) donc d’harmoniser la navigation et l’expérience utilisateur tout en limitant les coûts de développement > complet avec un rendu moins “effet dessin” : Figma, et donc les coûts de production ! Sketch (tous les deux sous licence) et Adobe XD. Reprenons notre exemple de site possédant 100 pages Les profils orientés design graphique utiliseront très et imaginons que dans celles-ci nous avons : certainement des outils tels que Adobe XD. une page d’accueil Mais attention, Adobe XD va bien au-delà du zoning. une page listant tous vos produits En réalité, ce logiciel est fait pour designer votre site. des pages produits (permettant la présentation de produit et l’ajout au panier) Or, à cette étape du projet il serait dommage que des pages éditoriales (comprenant seulement du votre cerveau s’attarde sur les couleurs, les formes et contenus textes/images vidéos) autres chichis. une page de contact avec un formulaire et une map une page listant toutes vos actualités Le zoning est fait pour penser vos pages, les des pages actualités (comprenant seulement du structurer, en bref il est au service du fond et non de la contenus textes/images vidéos mais avec un look forme. différent pour les distinguer des contenus éditoriaux) Et nous ne le répéterons jamais assez la forme est au Ici au lieu d’avoir 100 pages avec des structures service du fond et non l’inverse !!! différentes, nous avons 7 types de structures de page différentes. Comment réaliser un zoning ? La visite du site est donc simplifiée, la difficulté de développement diminuée, le coût de production est Tout d’abord, toujours se rappeler pourquoi l’on créé donc plus bas ! des zonings : Cela va vous permettre d’homogénéiser et impliquer l’équipe d’harmoniser la navigation et l’expérience utilisateur éviter les oublis, erreurs, quiproquos tout en limitant les coûts de développement et donc identifier les éléments communs qui reviendront sur les coûts de production ! 28 | FICHE | CRÉER ET ADMINISTRER UN SITE ÉTAPE 1 : Créer le zoning du type de intitulée et laisse place à une certaine densité de texte. page identifié comme étant le plus Il est important d’être vigilant quant au ratio text / complexe code de vos différentes pages. Vous vous rappelez ?! Le contenu est la matière première du web, le goudron En règle générale nous débutons donc la phase de dont ses toutes sont faites ! Plus vous laisser place conception par la page d’accueil. aux contenus sur votre site plus vous vous laissez une chance d’améliorer le référencement naturel de celui-ci. Pour se faire, nous nous appuyons sur l’arborescence précédemment réalisée et l’executive summary. Soignez donc les titres et sous titres de vos pages, et sur la page d’accueil faites en sorte que ceux-ci soient En effet, votre page d’accueil doit répondre aux explicites et racontent une histoire ! questions et attentes les plus fréquentes de vos utilisateurs tout en vous permettant de répondre à vos ÉTAPE 2 : Soumettez votre premier objectifs stratégiques. zoning à vos collaborateurs/trices et/ou Votre page d’accueil doit donc : proches (si vous êtes seul·e) capter l’attention et donner bonne impression N’oubliez jamais que l’on ne fait pas un site pour faire rassurer l’utilisateur un site. répondre aux principales attentes et questions de l’utilisateur On ne fait pas non plus un site pour soi. lui raconter une histoire lui permettre d’entrer sur votre site internet et ce Il est donc primordial de solliciter votre entourage peu importe son besoin ou sa question professionnel dés la phase de conception du site internet. Vous devez alors : Corriger une erreur ou un oubli en phase de anticiper les parcours utilisateurs conception vaut bien moins cher qu’une fois le site mis multiplier et diversifier les occasions d’entrer dans en ligne ! votre site internet ÉTAPE 3 : Déclinez vos zonings Importance du header et du footer Pour cela, capitalisez sur les éléments communs Rappelons nous que le header (en-tête) et le footer identifiés pour : (pied de page) reviennent sur TOUTES les pages de notre site. On s’y attarde donc longuement. limiter les temps d’intégration et de développement gagner en cohérence entre les différentes pages de Pour bien faire, nous regardons des exemples de votre site structures sur d’autres sites internet comme : Allociné, harmoniser la navigation et l’expérience utilisateur Le Monde, Zalando, Yves Rocher, Ville de Bergerac, la Commencez par récupérer les éléments communs French Tech Bordeaux... tels que le header ou le footer. Ils sont présents sur TOUTES les pages, ils doivent Puis tout comme pour la home page (page d’accueil) donc offrir des raccourcis intelligents et utiles pour racontez une histoire grâce aux titres et sous titres. l’utilisateur tout en mettant à l’honneur les pages importantes de votre site (maillage interne). Une fois vos principales pages déclinées, n’oubliez pas de les confronter aux avis de votre entourage Importance de la titraille professionnel. Attention à ce que chaque zone de votre zoning soit 29 | FICHE | CRÉER ET ADMINISTRER UN SITE 3 - RÉALISER UN BACKLOG POUR CADRER LE DÉVELOPPEMENT D’UN SITE INTERNET https://www.youtube.com/watch?v=b2rlyBP9DEs Les différentes méthodes de gestion de D’une manière générale, l’approche en Cascade projet web de la création d’un site internet commence par une planification des designs, lesquels sont suivis d’un Si je vous dis que le backlog est le principal outil de codage puis d’une phase de test, avant de se terminer travail du Product Owner dans la méthode Scrum, par une mise en production. avouez-le… Là, maintenant, tout de suite, vous avez envie de prendre vos jambes à votre cou ! NE BOUGEZ L’idée principale derrière la méthode en Cascade est PAS ! On vous explique tout ! que le processus de planification approfondi nie la nécessité d’apporter des ajustements importants lors du La méthode dite de Cycle en V (ou en Cascade) développement. La méthode en Cascade est un modèle où les phases À cette fin, la technique en Cascade tente de se de développement suivent rigoureusement un ordre préparer à tous les scénarii afin d’éviter des retards qui spécifique. La phase suivante ne peut commencer QUE coûtent du temps et des ressources. lorsque la phase précédente a été conclue. EN UNE IMAGE : 30 | FICHE | CRÉER ET ADMINISTRER UN SITE La méthode AGILE budget et de délai. Cela passe par des méthodes de travail très communicantes et segmentées… Agile est un ensemble de méthodes, de process, orienté collaboratif, transversalité et autonomie, dont Loin du cloisonnement traditionnel de l’approche en les grands principes sont notamment exposés dans le cascades, avec un format figé et des contraintes qui Manifeste Agile. s’accumulent pour impacter l’ensemble du projet et de ses indicateurs, Agile est une approche structurée et Cette approche se veut en opposition avec l’approche itérative de la gestion de projets et du développement classique, communément appelée « cycle en V ». Elle produit. Elle reconnaît la volatilité du développement provient des entreprises japonaises à partir des années produit et fournit une méthodologie permettant aux 70 pour leurs méthodes de développement innovantes. équipes autonomes de réagir au changement sans dévier de leur route. L’objectif est notamment de pouvoir faire évoluer un projet par étapes, afin d’éviter les écueils fréquents de En une image : 31 | FICHE | CRÉER ET ADMINISTRER UN SITE La méthode SCRUM Depuis 2006, SCRUM est la méthode agile la plus La méthode Scrum, originaire des USA, s’appuie sur populaire. le manifeste agile et les bénéfices relevés dans les Le vocabulaire reflète cette prédominance : sprint entreprises japonaises évoquées plus haut, mais a été (pour itération) et backlog (pour liste des choses à spécifiquement mise en place pour les équipes de faire) sont largement employés même par ceux qui ne développement. se réclament pas explicitement de Scrum. Cette méthode a son propre langage, ses codes, À la différence de la méthode Agile, les équipes Scrum ses outils et bien sûr : un process particulier agile, qui s’engagent à livrer un logiciel opérationnel selon des s’appuie sur une nouvelle composition de l’équipe intervalles définis appelés sprints. C’est plus strict ! projet. Leur objectif est de créer des boucles d’apprentissage “Scrum” pourquoi cette référence au rugby ? Cela afin de rassembler et d’intégrer rapidement le vient de ces mêmes chercheurs japonais qui avaient mis feedback des clients. Les équipes Scrum adoptent en évidence, pour développer des produits innovants des rôles spécifiques, créent des artefacts particuliers et complexes, la préférence au travail collectif, où tout et organisent des cérémonies régulières pour assurer le monde pousse en même temps dans le même sens, l’avancement du travail. comme dans une mêlée. En une image (avec tout le vocabulaire inhérent) : 32 | FICHE | CRÉER ET ADMINISTRER UN SITE La méthode KANBAN divisé en trois partie : «A faire», «En cours» et «Réalisé». Chacun sait ainsi ce qu’il doit faire, quand et comment. Cette méthode est essentiellement axée sur la visualisation de votre travail, la réduction du travail Quel est le rôle des daily meetings kanban ? en cours et l’optimisation de l’efficacité (ou du flux). Les équipes Kanban mettent l’accent sur la réduction Les méthodes agiles ont révolutionné la tenue des du temps nécessaire pour réaliser un projet (ou une traditionnelles réunions autour d’une table. Place user story) du début à la fin. Pour cela, elles utilisent un désormais aux daily meetings. Il s’agit de réunions tableau Kanban et améliorent en permanence leur flux de courte durée (pas plus de 15 minutes) qui se de travail. tiennent tous les matins et généralement debout. Chaque membre de l’équipe doit alors répondre à La méthode Kanban fonctionne à partir d’un système trois questions : Qu’ai-je fait hier ? Que vais-je faire de cartes. Elle a d’ailleurs été baptisée en référence aujourd’hui ? Quels sont les obstacles que je risque de à ce procédé. Kanban signifie “étiquette” en langue rencontrer ? japonaise. Les cartes ou étiquettes vont représenter les tâches à accomplir en vue de répondre à la commande Les daily meetings permettent de tenir l’ensemble de d’un client. l’équipe au courant des tâches des uns et des autres et d’apporter des solutions à certains problèmes. Du Ces objets graphiques constituent un outil simple à coup, ils sont souvent considérés comme un outil comprendre et rapide à déchiffrer. Pour visualiser l’état complémentaire à l’approche Kanban. d’avancement d’une commande ou d’un projet, elles seront réparties dans un tableau Kanban généralement En une image : 33 | FICHE | CRÉER ET ADMINISTRER UN SITE Qu’est ce qu’un backlog et quel est son OU rôle ? Un Backlog produit est en quelque sorte un inventaire des fonctionnalités, des défauts Troisième et dernière étape de la conception d’un site ou des tâches techniques qui doivent être réalisées et internet : la rédaction d’un backlog. ajoutées au produit final. Le backlog est une liste de tâches priorisées Le backlog pourrait être assimilé aux traditionnelles définissant les caractéristiques spécifications fonctionnelles et techniques dans la d’un produit. Il est un des éléments fondamentaux de méthode du cycle en V. À la différence du cahier des la méthodologie Scrum. charges élaboré en tout début de projet, le backlog est lui construit tout au long de la vie du produit. Dans la méthode SCRUM, le backlog relève l’équipe de développement et des parties prenantes. de l’entière responsabilité du Product Owner C’est donc le PO (pour Product Owner) qui est chargé (Responsable produit en français). C’est à lui de s’en de la création du backlog (ou product backlog) et de sa occuper, de l’alimenter et de le nettoyer pour le reste de maintenance (ou mise à jour). 34 | FICHE | CRÉER ET ADMINISTRER UN SITE Produire un backlog heures) Focus sur le vocabulaire entourant le backlog Une user story est une explication non formelle, Avant de produire un backlog, voyons ensemble générale d’une fonctionnalité logicielle écrite du point certains termes de vocabulaire liés à la méthode Scrum. de vue de l’utilisateur final. Son but est d’expliquer comment une fonctionnalité logicielle apportera de la Les initiatives (ou thématiques) : valeur au client. La feuille de route est exprimée et visualisée comme Les user stories constituent les unités de travail un ensemble “d’initiatives” tracé autour d’un calendrier. les plus petites. Elles représentent un objectif final Dans la hiérarchie organisationnelle Scrum, les initiatives (pas une fonctionnalité) exprimé du point de vue de sont des collections de ce que l’on appelle des Epics. l’utilisateur. Toutes les initiatives d’une production ont toujours un objectif commun. IMPORTANT POUR LA RÉDACTION : Donner la priorité aux personnes est une valeur clé du Les epics (durent normalement plusieurs jours, voire développement Agile. Une user story met les semaines) utilisateurs finaux au centre de la discussion. Les stories Ce sont des corpus de tâches qui peuvent être utilisent un langage non technique pour fournir un subdivisées en tâches spécifiques (appelées user contexte à l’équipe de développement et à ses efforts. stories) basées sur les besoins/demandes de clients Après avoir lu une user story, l’équipe sait pourquoi elle ou d’utilisateurs finaux. Les epics sont une pratique développe ce qu’elle développe et quelle valeur elle importante pour les équipes agiles. crée. Les user stories (s’expriment normalement en En une image : 35 | FICHE | CRÉER ET ADMINISTRER UN SITE Proposition de méthodologie pour système). Fréquence d’utilisation : permanente, quotidienne, produire un backlog simplifié : occasionnelle, rare. Nombre d’instances : combien d’intervenants INTRODUCTION comme celui-ci utiliseront le système (1, 10, 100+). Niveau de connaissance technologique : élevée, Dans le cadre d’un projet Agile, vous l’aurez compris, moyenne, basse. c’est la personne qui est privilégiée et mise au centre Niveau de connaissance métier : élevée, moyenne, de l’attention. À ce titre, avant de produire un backlog basse. tout seul dans son coin, à moins que vous ne soyez véritablement tout seul dans un coin, cela demande Point 3 : Extraire les principaux thèmes d’échanger avec les clients, prospects, membres de (initiatives) du produit : l’équipe. Si vous vous êtes appliqués sur les point 1 et 2, La culture Agile, c’est la culture de la coopération et en théorie, cette étape ne devrait pas vous poser de la communication. N’oubliez pas cette métaphore problème. de la mêlée, celle dans laquelle on est ensemble à tous pousser dans la même direction ! Prenons un exemple concret. Pour un projet de type “Offrir une solution de gestion de location vidéo Point 1 : Définissez la feuille de route complète, incluant suivi, facturation ainsi qu’un module de pré-location en ligne et d’analyse statistique pour les Il s’agit en quelques lignes de définir quel est vidéoclubs” l’objectif que le projet devra atteindre avant que le Product Owner n’en arrête le développement. Il est Les thématiques (ou initiatives) pourraient être : important que cette vision soit acceptée et comprise de tous et doit faire consensus puisque l’équipe va devoir Location et suivi se rallier derrière le PO pour réaliser ce projet selon cet Statistiques objectif Facturation Pré-location en ligne Point 2 : Identifier les utilisateurs cibles Pour chaque thème identifié, pensez-bien à ne pas Il va falloir identifier puis détailler tous les être avare en détails et précisez les éléments suivants : intervenants et utilisateurs du système dans tous ses aspects. Pour chaque intervenant, on voudra préciser Description : plus de détail concernant le thème, les informations suivantes : peut-être même une liste de sous thèmes Valeur commerciale : c’est un indicateur très Surnom : donner un Surnom aux acteurs rendra plus important qui guidera vos choix et priorités agréable leur utilisation et il sera plus simple de s’y Critère de satisfaction : les critères qui feront de ce identifier. thème un succès Icône / image : ajouter une représentation graphique Couleur de post-it : permettra de facilement de l?