Explorer les Livres électroniques
Catégories
Explorer les Livres audio
Catégories
Explorer les Magazines
Catégories
Explorer les Documents
Catégories
43 heures
1. DÉCOUVRIR LES BASES DU
MARKETING DIGITAL
SOMMAIRE Rappeler les fondamentaux du marketing
Identifier et manier les principaux leviers marketing
1 2 3 4 5
LE GUIDE DE LA VERSION PDF DES CONTENUS DU CONTENU DES RESSOURCES
SOUTIEN Une version PDF TÉLÉCHARGEABLES INTERACTIF EN LIGNES
Il contient le est mise en ligne Les fiches de Vous disposez de Les ressources sont
résumé théorique sur l’espace résumés ou des contenus consultables en
et le manuel des apprenant et exercices sont interactifs sous synchrone et en
travaux pratiques formateur de la téléchargeables forme d’exercices asynchrone pour
plateforme sur WebForce Life et de cours à s’adapter au
WebForce Life utiliser sur rythme de
WebForce Life l’apprentissage
30 heures
CHAPITRE 1
RAPPELER LES FONDAMENTAUX DU
MARKETING
06 heures
CHAPITRE 1
RAPPELER LES FONDAMENTAUX DU
MARKETING
• La stratégie produit (product) : quels produits, services ou idées est-ce que vous proposez
sur le marché ? Autrement dit, quelle est votre offre ?
• La stratégie de prix (price) : si l’offre est payante, quelle est votre stratégie de prix ? Quelle
politique de prix pratiquent les concurrents ? Si l’offre est proposée gratuitement, quel est
votre modèle économique ?
• La stratégie de distribution (place) : comment le produit est-il commercialisé ? Est-ce que le
client peut l’acheter dans vos boutiques, chez des revendeurs ou les 2 ? Faut-il avoir une
boutique en ligne ? Comment les différents canaux de distribution s’agencent-ils entre eux
(quel est le canal de distribution principal ?) ?
• La stratégie de promotion (promotion) : quel est le meilleur moyen pour promouvoir le
produit ? Comment communiquer sur votre produit et l’offre ? Par quels canaux de
communication passer ?
PARTIE 1
L’Inbound Marketing (marketing entrant en français) permet d’attirer les L’outbound Marketing (marketing sortant en français) consiste à aller vers le
clients vers son entreprise (pull) par le biais des actions de la marque, consommateur grâce à des opérations commerciales et marketing. On
notamment en ligne. Par exemple, créer du contenu pertinent permet l’associe à du « push » marketing qui vise à aller frontalement à la rencontre
d’attirer le prospect sur son blog ou sur ses réseaux sociaux. du consommateur.
L’inbound marketing vise à susciter l’intérêt pour les produits ou services de L’outbound marketing est jugé plus intrusif et n’a qu’une communication à
la marque en proposant des contenus à forte valeur ajoutée pour démontrer sens unique : de la marque vers le consommateur potentiel.
l’expertise de l’entreprise dans un domaine.
PARTIE 1
Interaction avec son audience (dialogue entre la Communication à sens unique de la marque vers
marque et ses consommateurs). le consommateur.
Les prospects sélectionnent les informations Les prospects sont de simples spectateurs
qu’ils désirent connaitre sur la marque/les auxquels on délivre une information.
produits.
PARTIE 1
L'outbound marketing s’apparente à la forme traditionnelle du marketing dans laquelle une marque cible et envoie des communications auprès de ses cibles et
prospects. Pour autant, cette méthode montre de plus en plus de limites.
Pourquoi ? Les prospects peuvent avoir l’impression d’être trop sollicités par la publicité et d’être submergés de messages. Ils favorisent désormais leur propre recherche
d’informations et préfèrent s’appuyer sur le marketing de contenu, beaucoup moins intrusif et qui permet d’aller spontanément vers la marque. En répondant à un
besoin, le content marketing est beaucoup plus pertinent pour le consommateur (réponse à une question à un moment T, recherche d’un produit ou d’une expertise
spécifique). La valeur ajoutée de la marque est plus importante que dans le marketing traditionnel où, même si les marques ciblent finement leurs consommateurs, le
PARTIE 1
Sources : Demand Metric, GlobalWebIndex & World Advertising Research Center (WARC) en 2021
Copyright - Tout droit réservé - OFPPT 12
CHAPITRE 1
RAPPELER LES FONDAMENTAUX DU
MARKETING
Le persona marketing est une représentation fictive de votre client idéal. Sa représentation peut être comparée à
une sorte de portrait robot de votre client idéal reprenant ses attentes, ses freins, ses motivations… Ces différents
éléments sont construits sur la base d’entretiens (qualitatifs) et/ou de recherches réalisées sur le web.
PARTIE 1
01 02 03 04 05
AUTO-ANALYSE CONCURRENCE COLLECTE D’INFO ANALYSE DE PARTAGER
Analyse du Choix des entreprises Collecter des
DONNÉES VOTRE ÉTUDE
positionnement, des et partenaires auxquels informations fiables sur Classez, triez et Partager votre
valeurs et des vous souhaitez vous vos concurrents (site de synthétisez les données benchmarking avec vos
performances de sa comparer. L’idéal est la marque, réseaux collectées lors de votre collaborateurs et
marque pour avoir des d’avoir 3-5 concurrents sociaux, avis des benchmarking. supérieurs en
points de comparaison. maximum. Identifier consommateurs, Regardez sur quels présentant le contexte
Identification des axes également les critères LinkedIn, SEO de la critères les entreprises de votre recherche,
d’amélioration (forces que vous souhaitez marque, article de ont de meilleurs l’analyse synthétisée et
et faiblesses). comparer (max 5). presse en ligne et livre résultats que vous et les grands
blanc…). tentez de comprendre enseignements à tirer.
pourquoi.
PARTIE 1
Présentation de la
02. marque
POSITIONNEMENT 04. LEVIERS
Quels sont les
Quel est le
leviers utilisés par la
positionnement et la
marque pour
valeur ajoutée
communiquer ?
de la marque ?
01. DIGITAL 03. VALEURS 05. CLIENTS
Quelle présence Quelles sont les Qui sont les clients
en ligne pour la valeurs de la et cibles de la
marque ? marque ? marque ?
PARTIE 1
Points de vente de la
Type de produits marque (offline/online)
vendus par la marque
Chaine française de grande distribution, créée Catégories de produits : bricolage - Points de vente : 6 boutiques au Maroc
en 1965 et spécialisée dans le bricolage. La Décoration - Aménagement - Jardinage et la vente en ligne avec livraison
marque est présente à l’international
(Facebook/Instagram avec 76,3 K seul. ». Mr. Bricolage accompagne ses web - SEO - affiliation (catalogue). qui souhaitent avoir de bons
followers) - blog. clients avec son expertise, de bons produits et les conseils d’un expert.
outils et des conseils au quotidien.
Bon SEO du site en desktop.
Valeurs : expert - accompagnement -
soutien - attentive - serviable.
Enseigne créée en 2004 devenue le Catégories de produits : bricolage - Animalerie - Points de vente : 18 boutiques au Maroc
leader du bricolage au Maroc. Aménagement - Jardinage - Sanitaire. et la vente en ligne avec livraison.
(Facebook/Instagram/YouTube/ positionne comme l’expert du web - SEO - affiliation (catalogue) - des travaux, peu importe son niveau
LinkedIn) - blog. bricolage où l’on peut tout trouver Emailing. de compétences. Bricoma
pour réaliser ses projets. accompagne et forme (en boutique)
Bon SEO du site en desktop.
Valeurs : expertise - transparence - les consommateurs.
proximité - formation et conseils.
Marketplace de distributeurs B2B et Catégories de produits : bricolage - Points de vente : uniquement en ligne -
revendeurs de produits de bricolage. Aménagement d’intérieur. marketplace.
en ligne, sa communication sur les les projets et personnalisée en WhatsApp - programme d’affiliation - (plombier, électricien) et le grand
réseaux sociaux pourrait être fonction des besoins du SEO. public souhaitant réaliser des travaux
améliorée. consommateur. (conseils, recherche de
Valeurs : accompagnement professionnels).
personnalisé - conseil.
24 heures
CHAPITRE 2
IDENTIFIER ET MANIER LES PRINCIPAUX
LEVIERS MARKETING
Site web Blog App Réseaux sociaux Bannière/vidéos Achat de Native ads Affiliation
(Display) mots-clés
Emailing Référencement Plateforme Sponsoring Facebook Ads YouTube Ads Instagram Ads
naturel (SEO) d’avis de podcasts
PARTIE 1
Podcasts Influenceurs Jeux concours Replay IPTV LinkedIn Ads Messenger/ Influenceurs Notifications
WhatsApp Ads push et sms
Informer Développer sa visibilité Apporter de la valeur à son audience (ex : conseils, informations inédites…)
PARTIE 1
Sur son site internet, Coca Cola dispose d’une partie blog qui lui permet
PARTIE 1
Exemple d’emailing promotionnel pour Exemple d’emailing pour Exemple d’emailing de retargeting pour encourager
l’enseigne d’ameublement Conforama. Le présenter une nouvelle collection à l’achat. Ici, on relance une consommatrice qui a
but est de proposer une promotion dédiée à et renvoyer vers le site avec des ajouté des produits dans son panier mais qui n’a
sa communauté et de renvoyer vers le site. boutons d’action « achat ». pas été au bout de l’acte d’achat.
LE PODCAST - POSSIBILITÉS PUBLICITAIRES : Il existe 2 principales manières d’utiliser le podcast dans sa stratégie digitale.
65 % des auditeurs de podcast ont déjà acheté un produit 78 % des auditeurs seraient intéressés pour que leurs marques
découvert grâce à un placement audio. favorites proposent leurs propres podcasts.
prise de conscience sur la menace sur la faune et la flore. L’objectif est de sensibiliser le grand public aux enjeux de
l’environnement en l’immergeant dans différents continents où des espaces sont menacés.
Infusion - La Fnac :
PARTIE 1
Le géant de la distribution de produits culturels a lancé de nombreux podcasts. Le dernier en date : Infusion qui est présenté sous la
forme d’interview d’un artiste, différent par épisode, qui partage ses inspirations et son processus créatif. Les invités sont
sélectionnés en fonction de l’actualité culturelle, ce qui permet de renvoyer vers le site de la FNAC (ex. : pour acheter le dernier CD de
l’artiste ou une place de spectacle pour celui-ci).
PUBLICATION SPONSORISÉE DANS LE FIL D’ACTUALITÉ ANNONCES PUBLICITAIRES DANS LA COLONNE DE DROITE
LinkedIn compte plus de 774 millions Les posts comprenant un lien sur
La tranche d’âge la plus représentée
de membres dans le monde dont 40 % LinkedIn enregistrent un engagement
sur le réseau social est les 25 - 34 ans.
sont actifs quotidiennement. de + 45 %.
Exemple de sponsored content - Publication sponsorisée et Exemple de message ad : email sponsorisé reçu dans sa
visible dans le fil d’actualité LinkedIn. messagerie LinkedIn. Bon à savoir : un utilisateur LinkedIn ne
peut recevoir qu’un seul ad message par mois.
Exemple de dynamic ads : format publicitaire s’approchant du display Exemple de text ad : annonce textuelle permettant de mettre en
et permettant de créer un visuel dédié à la campagne. La dynamic ad avant la marque ou de renvoyer vers la page entreprise en 2 lignes.
apparait dans la colonne de droite des utilisateurs sur LinkedIn. Ces annonces sont visibles dans la colonne de droite.
Format d’annonce
Discovery
Format comprenant une image
sous forme de miniature et un
texte. Cette sponsorisation de
vidéo incite les visiteurs de la
plateforme à regarder la vidéo.
Les annonces discovery sont
proposées en fonction des
intérêts des internautes.
PARTIE 1
WHATSAPP
• L’application de messagerie rassemble 1,5 milliard d’utilisateurs actifs dans le monde à travers plus de 180 pays.
• 84 % des marocains utilisaient WhatsApp en 2021 et plus de 20 millions de français.
• L’application de messagerie est très addictive puisque 58 % des utilisateurs se connectent à l’application plus de 23 fois par jour.
PUBLICITÉ DISPLAY
La publicité display est un affichage publicitaire en ligne. Certains COMMENT IDENTIFIER LES PUBLICITÉS EN
sites proposent de l’achat d’espace d’encarts publicitaires pour y DISPLAY ?
ajouter des bannières et vidéos pour diffuser des messages de Les contenus publicitaires sur YouTube sont toujours indiqués avec
marque. la mention « Annonce ».
Objectifs : visibilité - notoriété - promotion.
Le format le plus représenté en display Le display, hors social, représentait L’achat média display affiche une forte
est le format vidéo à 57 %. près de 1,165 million d’euros en 2020. croissance de + 43 % en 2021.
Exemple de native ads : contenus sponsorisés disposés en bas de page dans un article en ligne.
Les publicités ne sont pas intrusives et ne gênent pas l’utilisateur dans sa lecture ou dans sa
navigation en ligne.
PARTIE 1
SMS/NOTIFICATIONS
Une autre manière de communiquer son message est d’interagir directement avec ses consommateurs par
notifications, si la marque ou l’entreprise dispose d’une application, ou par SMS.
Cette méthode, plus intrusive est de moins en moins utilisée par les entreprises. Elle sert surtout à envoyer un message
commercial, généralement à des utilisateurs ayant souscrit un programme de fidélité et accepté l’envoi de SMS.
Cette technique est notamment utilisée en période de promotion ou lors d’avant˗première/ventes privées pour
informer les clients privilégiés.
PARTIE 1
https://www.brownowlcreative.com/corporate-link
Copyright - Tout droit réservé - OFPPT 73
02 - Identifier et manier les leviers marketing
CMS - Autres plateformes
Dynamisez le marketing grâce au Boostez vos ventes en étant Aide à la fidélisation client avec un
CRM : analysez les résultats de vos directement au contact de vos support personnalisé : demande
campagnes, lancez des prospects, clients et suivez les d’aide des clients, prise en charge,
PARTIE 1
Organise les données : gestion des contacts, tableau de Lance des campagnes marketing : formulaire en ligne, gestion des
bord des ventes, automatisation des emails, intégration publicités, création de chatbots, création de landing pages, emails
avec votre boite mail… automatisés de retargeting…
Améliore la fidélisation : automatisation du service Gestion du site web : personnalisation dynamique, A/B testing de pages
client, base de connaissances clients, enquêtes de ou fiches produits, rapports personnalisés, recommandations SEO et
satisfaction… techniques.
PARTIE 1
Pour aller plus loin, découvrez une présentation HubSpot en vidéo et les conseils pour bien choisir son logiciel de CRM
👁 Lien de la vidéo à découvrir : https://www.youtube.com/watch?v=v0nuRuE1VPY
PARTIE 1
25 heures
CHAPITRE 1
ANALYSER DES STRATÉGIES MARKETING
10 heures
CHAPITRE 1
ANALYSER DES STRATÉGIES MARKETING
Il est essentiel d’analyser des stratégies marketing avant de se lancer et au moment de sa formation. Voici pourquoi :
Pour voir les campagnes existantes et se tenir informé des Pour analyser ce qui a fonctionné ou non dans la campagne,
actions de marketing menées par ses concurrents. Cela en tirer de grands enseignements et se lister les bonnes
permet à la fois de faire de la veille et de s’assurer de ne pas pratiques à retenir et à implémenter dans ses propres
lancer une campagne de communication similaire. actions marketing.
Pour trouver de l’inspiration dans le graphisme, la manière Observer les leviers utilisés et comprendre comment ceux-ci
PARTIE 2
d’utiliser les canaux marketing. On peut analyser et regarder sont utilisés : est-ce que les marques jouent avec les leviers
des campagnes même en dehors de son secteur d’activité et leurs fonctionnalités, est-ce que les marques utilisent des
pour s’inspirer. types de leviers innovants (ex. : nouveau format sur les
réseaux sociaux…) ?
Résultats : la campagne ayant été lancée début janvier les résultats n’ont pas
Leviers activés pour la campagne : encore été communiqués. Pour autant, miser sur une influenceuse pour en faire
Affichage - Télévision - YouTube Ads - Radio - Influence le porte-parole de la campagne laisse présager de beaux résultats pour ce
marketing - Relations presse lancement de service.
Consigne de l’exercice
À l’instar des deux exemples vus ensemble précédemment, sélectionnez une
campagne publicitaire de votre choix et réaliser l’étude suivante :
• Quel est le contexte de la campagne ? L’objectif ?
• Quels sont les leviers utilisés pour la campagne ?
• Quel est le message de la campagne ?
• Quelles sont les bonnes pratiques à retenir de la campagne ?
PARTIE 2
06 heures
CHAPITRE 2
DÉFINIR SES OBJECTFS MARKETING ET
MESURER LES RÉSULTATS POTENTIELS
Notoriété : SEA - Social Ads - Influence - Display - Jeux concours. Moment de la recherche - Le client s’informe sur les
augmenter sa visibilité et sa notoriété. solutions/produits existants.
Notoriété : SEA - Social Ads - Influence - Display - Sponsoring de Recherche et sélection d’offres par le prospect.
promouvoir son produit ou service. podcast
Image : Site internet - Influence - Sponsoring de podcast - Recherche d’informations sur l’entreprise/la
PARTIE 2
améliorer ou moderniser son image de marque. Native ads (articles) marque/les avis par le prospect.
Action : Site internet - Influence - Social ads - Display - SEA Sélection d’une ou plusieurs offres faites par le
générer des leads. prospect.
Action : Site e-commerce - Influence - Social ads - Display - Dernier comparatif des offres et achat du
développer ses ventes. SEA - SEO - Plateforme d’avis - Emailing/Retargeting consommateur.
Image : Emailing - Parrainage - Social media Après l’achat - En vue d’un futur achat.
PARTIE 2
Image : Emailing - Site (compte client) - Retargeting ˗ Après l’achat - À l’utilisation : pouvoir de
suivre et répondre aux demandes des clients. Plateforme d’avis recommandation du client.
Notoriété : augmenter sa visibilité Image : améliorer ou moderniser son Action : développer ses ventes
et sa notoriété image de marque
• Nombre de ventes réalisées
• Nombre de vues/portée • Test d’image avant et après campagne • Taux de transformation
• Nombre d’impressions du messages • Avis des consommateurs • Utilisation d’un code promo
• Nombre de nouveaux followers • Avis/commentaires/émotions associées sur les • Panier moyen
• Nombre de visites sur le site réseaux sociaux - Social media listening • CA généré
Notoriété : promouvoir son Action : générer des leads Images : fidéliser ses clients
produit/service
PARTIE 2
09 heures
CHAPITRE 3
APPLIQUER LES MODÈLES MARKETING
1. Modèle A.A.R.R.R
2. Modèle R.A.C.E
3. Digital marketing canvas
03 - Appliquer les modèles marketing
Modèle A.A.R.R.R
KPIs à observer : volume une fiche produit, création de sur les réseaux sociaux.
• Offre promotionnelle de l’offre, mettre en place
d’utilisateurs (canaux qui compte utilisateur, ajout d’un sur des segments • Créer des programmes de des promotions,
apportent le plus de trafic), coût article à son panier (sans spécifiques (ex. : non recommandations avec
par utilisateur (frais dépensés par aller jusqu’à le commander)… actifs depuis 1 an). récompenses (code • encourager les utilisateurs à
utilisateur et par canal), taux de opter pour la gamme
promo).
conversion de chaque canal. au˗dessus…
1. Modèle A.A.R.R.R
2. Modèle R.A.C.E
3. Digital marketing canvas
03 - Appliquer les modèles marketing
Modèle R.A.C.E
S’appuyer sur un plan marketing précis pour définir et cadrer ses actions dans le temps
S’appuyer sur un modèle marketing permet de structurer sa stratégie en grandes
étapes et de savoir pourquoi, comment et à quel moment entrer au contact de sa
cible.
La stratégie de marketing intégré R.A.C.E permet d’entrer au contact de ses
prospects et consommateurs potentiels au bon moment et de suivre leur parcours
complet de la recherche, en passant par l’acte d’achat jusqu’à la fidélisation.
L’objectif pour la marque est de déterminer, étape par étape, quel discours et
démarche adapter pour apporter une valeur ajoutée et répondre au mieux aux
problématiques des utilisateurs.
PARTIE 2
OBJECTIFS Développer et atteindre votre Déclencher des interactions et Encourager à l’achat par le Fidéliser les consommateurs
audience à l’aide de votre leads qualifiés en présentant les marketing contextuel et après leur acte d’achat en lançant
présence média, payante et atouts et le savoir-faire de la remarketing. un parcours de fidélisation
organique. marque. Les contenus doivent marketing.
Ex. : relance suite à une visite
répondre aux problématiques
Ex. : production de contenus, sur le site avec une promotion, Ex. : réduction suite à l’achat,
réelles des consommateurs.
publications sponsorisées… pub alimentaire avant les repas retargeting, parrainage…
PARTIE 2
1. Modèle A.A.R.R.R
2. Modèle R.A.C.E
3. Digital marketing canvas
03 - Appliquer les modèles marketing
Digital marketing canvas
REVENU MARCHÉ
AUDIENCE
Comment monétiser Quelle est la position de l’entreprise par
Qui sont les consommateurs de la marque ?
votre service ? Comment rapport à ses concurrents ? Quelles sont les
PARTIE 2
RÉTENTION
Comment retenir et fidéliser vos consommateurs et les inciter à consommer à nouveau ?
MISSION VISION
But de l’entreprise et sa raison d’être. Aspiration de la marque et ses objectifs au long terme.
ACTIVATION REVENU
1reexpérience proposée par Comment monétiser
la marque. votre service ?
PARTIE 2
MARCHÉ RÉTENTION
Quelle est la position de l’entreprise par rapport à ses concurrents ? Comment retenir et fidéliser vos consommateurs et les inciter à
Quelles sont les forces et faiblesses du marché ? consommer ?
MISSION VISION
But de l’entreprise et sa raison d’être. Aspiration de la marque et ses objectifs au long terme.
Apporter de l’inspiration et de l’innovation à chaque athlète Proposer des solutions éco-responsables pour
(quelque soit son niveau : débutant ou confirmé) dans le monde. réduire son impact environnemental.
MARCHÉ RÉTENTION
Quelle est la position de l’entreprise par rapport à ses concurrents ? Comment retenir et fidéliser vos consommateurs et les inciter à
Quelles sont les forces et faiblesses du marché ? consommer ?
Leader sur son marché. Développement de tendances plus éco-responsables Emailing, création d’éditions limitées, application mobile...
dans l’univers des baskets.
15 heures
CHAPITRE 1
MAITRISER LES BASES DE L’EXPÉRIENCE
UTILISATEUR
03 heures
CHAPITRE 1
MAITRISER LES BASES DE L’EXPÉRIENCE
UTILISATEUR
UTILISABILITÉ
Facilité d’usage
RESSENTI
CRÉDIBILITÉ
Impact émotionnel
Le terme UX vient de l’acronyme anglais User eXperience. Les domaines de l’expérience utilisateur :
L’expérience utilisateur, en français, désigne la qualité de Une bonne UX peut être définie par les critères suivants :
l’expérience vécue par un utilisateur dans toute son interaction • Le ressenti qui correspond à l’impact émotionnel de l’utilisateur
avec un dispositif, que celui-ci soit digital ou non. pendant son expérience.
PARTIE 3
Une bonne interface utilisateur doit pouvoir être accessible au plus grand nombre et ce indépendamment de l’âge, des connaissances techniques ou des
handicaps pouvant limiter la perception et le traitement de l’information. On parle depuis quelques années du développement du design inclusif.
Créer des pages simples et Hiérarchiser vos contenus Minimiser les animations : il est Penser à l’accessibilité sur tous
aérées pour mettre l’accent sur (taille de typographie/titre/ conseillé d’utiliser les les types d’appareil, y compris
les contenus les plus importants sous˗titre/légende…) pour animations avec parcimonie mobile, pour avoir un site
et les appels à l’action. simplifier la compréhension de pour ne pas déranger totalement responsive.
l’internaute. l’utilisateur dans sa navigation.
Proposer des appels à l’action Rendre la navigation intuitive : Demander l’avis de vos Améliorer la vitesse de
efficaces en les mettant en avoir des intitulés et liens clairs utilisateurs et prendre en chargement de votre site (3-4
PARTIE 3
avant (boutons, couleurs, pour accompagner le visiteur compte leurs retours pour secondes max) pour éviter la
typographie, effet au survol). sur le site. Le visiteur doit savoir améliorer votre site en continu. frustration des internautes ou
N’hésitez pas à proposer des dans quelle partie du site il se Ex : sondages, tests pire, l’abandon sur le site.
CTA dont le wording est clair, trouve et doit pouvoir accéder utilisateurs…
par ex : trouver le meilleur vol, au menu en permanence.
créer mon espace client…
Rendre la navigation intuitive : avoir des Simplifier les étapes de Être visuel : penser à avoir un visuel
intitulés et liens clairs pour accompagner connexion/d’identification sur impactant et cohérent avec votre image
le visiteur sur le site. Le visiteur doit votre application, en proposant de marque. Laisser la part belle à l’image
savoir dans quelle partie du site il se la reconnaissance biométrique pour délimiter les contenus textes/images
trouve et doit pouvoir accéder au menu (touche ID, Face ID) ou la et ne pas enchaîner que des blocs de
en permanence. double authentification Google texte imposants.
par exemple.
PARTIE 3
S’appuyer sur les habitudes de « gestes » des Privilégier les zones d’interaction basses : en ayant une zone d’affichage haute
utilisateurs : le swipe back, le zoom, le swipe haut… et une zone d’interaction (boutons d’action plus basse).
12 heures
CHAPITRE 2
PLACER L’EXPÉRIENCE UTILISATEUR AU
CŒUR DE VOS RÉFLEXIONS
Pour créer des interfaces adaptées aux utilisateurs et à leurs besoins, la première étape est de comprendre qui sont les utilisateurs et quelles sont leurs habitudes de
consommation.
Pour cela, nous allons par la suite faire le point sur les usages web et mobile dans le monde et au Maroc afin de tirer de grands enseignements qui pourront vous servir
dans vos futures stratégies marketing et élaboration d’expérience utilisateur.
PARTIE 3
Le e-commerce rassemble tous les âges : avec la crise sanitaire des dernières années, l’usage du e-commerce a bondi et ce pour toutes les tranches d’âge. En effet, près de
77 % des internautes, entre 16 et 64 ans, réalisent des achats en ligne tous les mois.
PARTIE 3
Le smartphone se place en tête des appareils les plus utilisés dans le monde
PARTIE 3
On note que 4,32 milliards d’utilisateurs d’internet s’y mobinautes ont un téléphone avant leur 12 ans, surtout chez
connectent à partir de leur mobile sur 4,66 milliards les jeunes filles.
d’internautes dans le monde.
Penser vocal
Les recherches vocales se développent de plus en plus auprès des internautes et permettent de réaliser du design inclusif pour les personnes handicapées ou à mobilité
réduite. Voici quelques chiffres clés permettant d’appuyer l’essor de cette bonne pratique.
Les interfaces vocales sont l’alternative la plus 46 % des internautes français ont déjà utilisé un
populaire, 45 % des internautes dans le monde assistant vocal (smartphone, ordinateur, tablette,
déclarant avoir utilisé la recherche ou la enceinte ou smart TV).
PARTIE 3
Exemple de wireframe réalisé pour une page d’accueil de site internet e˗commerce vendant des produits de
beauté bio.
Le graphisme n’est pas détaillé mais le wireframe permet de mettre en avant les fonctionnalités principales du
site et de la homepage, à savoir :
• Un menu accessible sur toutes les pages du site.
• Une barre de recherche accessible sur toutes les pages du site.
• Un compte utilisateur.
• Un panier.
• Un bandeau de présentation s’animant avec 3 bannières.
• La mise en avant des derniers produits et la possibilité de passer aux suivants.
• Des boutons d’actions pour acheter le produit ou aller vers la boutique.
• Un footer accessible sur toutes les pages du site.
PARTIE 3
Exemple de wireframe du site/application Netflix permettant de se rendre compte des grandes fonctionnalités de départ proposées par le géant du streaming.
PARTIE 3
Exemple de wireframe réalisé pour une application mobile mettant en avant des programmes sportifs
adaptés à l’objectif de l’utilisateur (rester en forme, se muscler, perdre du poids…).
On y retrouve : Profil
Objectif
• Le profil de l’utilisateur et le rappel de son objectif.
• Les dernières data sportives enregistrées (activités/calories perdues).
Vos données sur la semaine
• Les derniers programmes de sport et la possibilité d’ajouter des programmes en favoris.
#1 - Balsamiq
Un outil de wireframing à télécharger gratuitement sur son ordinateur. Le
logiciel est très intuitif et simple d’utilisation. Tous les utilisateurs peuvent
l’utiliser, peu importe leur niveau de compétences.
• Point positif : donne des inspirations et propose des templates de blocs
prêts à être réutilisés.
• Point négatif : le logiciel est en anglais.
• Prix : version totalement gratuite ou à 9$ par mois pour travailler sur 2
PARTIE 3
projets en simultané.
#3 - LucidChart
Le site, historiquement spécialisé dans la création
d’infographies, propose aujourd’hui de créer des wireframes en
ligne. Il dispose d’une version gratuite et propose de nombreux
templates existants pour s’inspirer ou desquels repartir comme
modèles pour vos propres créations.
Très intuitif, le logiciel ne nécessite pas de compétences de
PARTIE 3
Outils professionnels
Il existe enfin 2 logiciels (Adob e XD et Sketch) utilisés par les UX et UI designers pour réaliser leurs conceptions graphiques et wireframes. Ceux-ci sont plus poussés dans
les fonctionnalités et nécessitent un temps de prise en main pour se lancer dans ses premières créations. Les logiciels ne disposent pas de templates ou de modèles
enregistrés mais de nombreux sites proposent des exemples et des ressources à télécharger et à réutiliser. Le petit plus : les outils permettent de travailler en version
collaborative avec d’autres membres de son équipe.
#4 - AdobeXD #5 - Sketch
PARTIE 3