Les éléments d'une page d'accueil e-commerce efficace (avec exemples) — Vidéo 20/41

maintenant on va passer à tout ce qui est page d'accueil alors cette fois-ci il n'y a pas de cours je vais directement dans le vif du sujet alors ici je t'ai mis les éléments d'une bonne page d'accueil je vais essayer de t'illustrer chaque chose avec un exemple sur le site de respire je ne sais pas si tu connais mais je kiffe cette marque les éléments d'une bonne page d'accueil alors il y a le menu et la bannière d'Ann donc ça j'en avais déjà parlé ici la bannière d'annonce t'informe sur la livraison offerte à partir de 40 € mais je crois qu'elle défile donc ensuite tu as paiement en trois fois et tu as les avis donc eux ils ont mis la totale alors leur menu tu vois que vraiment c'est pas quelque chose de super classique alors ils ont le logo le menu donc ils ont ce qu'on appelle un méga menu c'est-à-dire que quand tu survoles la catégorie tu as plein d'autres catégories ici alors faut faire très attention avec ça parce que si c'est mal fait ça va te plomber ton site parce que ça ralenti un petit peu le site et il faut que sur mobile ce soit super optimisé quand tu commences je te conseille pas d'avoir un méga menu à part si tu as beaucoup de produits les méga menu là comme ça c'est très bien si tu as beaucoup de produits quand tu as pas beaucoup de produits comme dans mon cas ça ça sert un petit peu à rien ensuite tout ce que j'ai mis en rouge c'est tout ce que tu dois mettre pour moi ensuite tu as la proposition de valeur clairement expliqué avec un bouton CTA des preuves et de la réassurance donc ici par exemple tu as leur bannière c'est en fait la bannière c'est un petit peu particulier parce que eux ils ont beaucoup de trafic ils sont très connus donc ils peuvent directement axer la bannière sur des produits toi tu ne peux pas faire ça parce que les gens ne te connaissent pas donc il faut que quand la personne elle arrive il faut une proposition de valeur clairement expliqué donc par exemple ici ça aurait pu être produit écologique économique végan tout ce que tu veux super efficace et pas dangereux pour la peau OK et après ils auraient pu mettre aussi plus de 10000 avis 5 étoile tu vois et avec un un CTA alors tu peux avoir un ou deux CTA alors là c'est un petit peu particulier ils ont fait un petit peu quelque chose d'original mais normalement tu vas avir alors si je trouve un [Musique] autre donc voilà quelque chose d'un petit peu plus classique donc tu vois que ils ont ça mais pareil x c'est vraiment une grosse marque tout le monde connaî ils ont vraiment pas besoin de de de d'expliquer la proposition de valeur donc voilà généralement tu as ça plus le petit CTA et le petit CTA s'il vous plaît ne mettez pas en savoir plus et cetera vraiment par rapport à ce que vous avez dit ici donc là voir le kit c'est très bien ensuite tu as le lien vers les principales catégorie donc par exemple ici alors eux ils l'ont mis là donc ta shampoing entif avec de belles photos ah là ça c'est vraiment bien fait ensuite euh tu as les produits populaires nouveautés les produits en promotion alors là je te conseille deux sections maximum ne m'imez pas les produits populaires enfin les bestsellerers ensuite les nouveauté ensuite les produits en promotion non par exemple là ils ont mis meilleure vente donc les bestsellerers comme ça directement les gens ils ont le visuel sur ça et ensuite les nouveautés ils ont pas mis d'autrees choses ok le petit mot sur la marque elle a mis sa photo c'est elle la fondatrice et elle a mis vraiment un petit paragraphe pas besoin d'en faire des tonnes avec sa petite signature c'est vraiment super efficace ensuite tu peux mettre l'inscription à la newsletter donc par exemple ici c'est ça ils mettent l'avant sur les 10 % de réduction sur la première commande ensuite vidéo texte de branding alors ça euh c'est pas obligé c'est optionnel si peut-être tu as une vidéo qui présente je sais pas comment et fabriquer le produit quelque chose comme ça tu peux mettre ça ensuite tu as les témoignages et avis client donc elle elle a ça ici donc ça c'est vraiment ta preuve sociale c'est vraiment en plus avec les photos et tout c'est c'est vraiment super ensuite ici tu as un réseau social alors généralement ça c'est avec des app ça reprend les derniers posts de ton Instagram ou de ton TikTok alors ce que je conseille c'est plutôt Instagram plutôt que TikTok parce que TikTok c'est vraiment dur d'avoir un feed qui est beau contrairement à Instagram où tu peux bien choisir tes images du coup ça fait quelque chose d'assez beau c'estz visuellement beau ensuite tu peux mettre les derniers articles de blog ou des vidéos YouTube he ça c'est vraiment facultatif par exemple là j'ai pas d'exemples est-ce que j'ai des exemples ici non donc voilà ça dépend vraiment de de toi ensuite tu peux mettre une FAQ une petite FAQ donc est-ce qu'ils ont ça non est-ce qu'ils ont ça eux non VO mais tu es pas obligé là je te mets vraiment toutes les options ensuite le foo bien sûr et tu peux rajouter des éléments de réassurance un petit peu comme euh non pas ici donc là il y a le foour et ils ont les éléments de réassurance ici donc ça c'est quelque chose qu'on retrouve vraiment sur presque tous les sites voilà là c'est l'exemple parfait voilà là c'est tous les éléments que tu peux mettre sur ta page d'accueil quand tu commences ta page d'accueil elle va pas être aussi longue que des gros grosse marque ça faut vraiment que tu te mettes ça dans la tête et que tu ne stresses pas par rapport à ça mieux vaut quelque chose de très simple mais vraiment très bien fait avec de très belles photos avec un texte qui est vraiment incroyable qui vraiment convain ta cible que plein de trucs fait moyennement ok je pense que tu as compris le message ensuite on va passer à la maquette donc on commence avec la bannière donc ça j'ai repris ça d'en haut donc tu auras juste quand tu auras fait ça tu vas juste venir grouper et copier ici hein voilà tu te casses vraiment pas la tête ensuite ici tu auras ta bannière donc moi c'est pas ma photo officielle mais j'ai des problèmes de fournisseur donc j'ai pas encore pu faire mes photos je suis triste mais bon c'est la vie donc tu peux mettre une photo en attendant ça il y a pas de souci donc tu vas venir mettre ta proposition de valeur ensuite ici tu peux venir mettre un texte qui accompagne la proposition de valeur mais tu n'es pas obligé et ensuite on va mettre un CTA donc là j'ai mis découvrir le premier produit tu peux en mettre deux he aussi euh mais moi je te conseille d'en mettre un comme ça c'est fait alors là généralement ce qu'on me demande c'est est-ce que je peux mettre plusieurs slides parce que je pourrais mettre une 2 3 slides alors en C en optimisation des conversions on conseille de ne pas mettre plusieurs slides pourquoi parce que déjà ça rajoute du code du code JavaScript donc c'est-à-dire que ça va peut-être ralentir ton site avec le slider et ça on veut pas ensuite en général les visiteurs ne regarde pas plus de deux slides moi ce que je conseille de faire c'est d'avoir une slide où vraiment tu la personne elle vient et tu lui expliques en quoi tu es la solution à son problème tu es la marque parfaite pour pour elle et en deuxième si vraiment tu veux tu peux faire une slide plus plus focus sur soit les soldes soit sur un produit en particulier moi j'ai pas beaucoup de produits je veux aller à l'essentiel voilà j'ai une slide et puis c'est déjà bien alors moi j'ai fait un petit peu à ma sauce je veux directement mettre les éléments de réassurance pourquoi parce qu'en fait moi j'ai très peu de produits j'ai euh j'ai à peine trois produits donc j'ai pas beaucoup de produits donc vraiment je veux que la personne elle regarde ça elle regarde ça elle se disent oh top top top ok donc je l'ai mis là mais j'aurais pu le mettre en bas avec le fooeur mais après ça c'est vraiment en fait il y a pas vraiment de règle ça c'est toi qui vois donc ici tu as tous les éléments donc là je t'ai mis tous les éléments en rouge il faut que tu les mettes et après tu fais comme tu veux donc là j'ai fait ça j'ai fait ça j'ai mis des les éléments de réassurance ici ensuite lien vers les principales catégories moi dans mon cas je ne peux pas parce que j'ai que trois produits j'ai que une catégorie ensuite les produits populaires nanana donc c'est ce que bon je vais mettre tous mes produits hein donc là je les mets ici donc là j'avais commencé le shooting du maître ruban pour le journal digital et après bah en fait il manque les photos du t-shirt voilà ensuite quand on a fait ça bah après je peux pas faire deux sections parce que je vais pas faire une section euh voilà et une autre section il y aura les mêmes produits voilà tu vois que là c'est pas c'est pas cohérent il faut aussi un petit peu utiliser son cerveau d'accord ensuite le petit mot sur la maque ok donc je l'ai mis là juste avant je voulais mettre un petit peu un truc fun alors je vais te montrer mais ça c'est vraiment euh si tu as le template payant du coup c'est quelque chose qui défile comme ça j'aime trop avec des messages positifs j'aime bien ça colle avec l'ADN de ma marque ensuite ici tout ce qui est la marque pour que on me connaisse un petit peu plus ensuite inscription à la newsletter donc c'est ce que j'ai mis ici moi je donne un code de réduction sur la première commande donc c'est quelque chose que je vais mettre en avant surtout quand on me connaît pas encore je suis pas encore super connu donc j'ai envie d'incisterer après tu n'es pas obligé d'inciter avec des réductions ça je tiens à le préciser tu peux créer un frebi un ebook euh tu peux faire plein de choses tu n'es pas obligé de tout le temps faire des réductions après c'est vrai que la réduction c'est ce qui marche le mieux avec les champs parce que on est des crevards même moi j'aime bien les les réductions ok donc voilà donc là j'ai fait ça comme ça et vraiment très rapidement peut-être que ça va pas donner comme ça sur le site mais c'est pas grave très important par rapport à la page d'accueil s'il te plaît et même la page produit je j'ai oublié dire s'il te s'il te plaît si tu dois mettre des liens il faut que ce soit uniquement presque que des liens vers les pages catégories ou les pages produit par exemple là j'aurais pu me dire bah je mets un bouton ici en savoir plus vers ma page de euh vers ma page à propos je ne vais pas le faire parce que mon intérêt c'est pas que la personne elle a sur la elle aille sur la page à propos ok mon intérêt c'est que la personne elle clique là voilà là c'est vraiment si veux en savoir un petit peu plus vite fait mais c'est pas mon objectif donc là on fait ça ici j'ai bien envie d'avoir une vidéo YouTube en fait moi ce que je vais faire c'est chaque mois je vais faire une vidéo YouTube où je mesure l'évolution de mes cheveux donc ça peut donner envie à la personne de rejoindre le mouvement euh bah c'est ça ensuite témoignage on n pas de témoignage pour l'instant donc on peut pas mettre ça j'ai pas de preuve sociale j'ai pas voilà donc je je de ce côtélà je peux rien mettre un réseau social donc je pourrais mettre les derniers posts insta donc c'est ce que j'ai mis ici voilà euh dernière arti de bloc j'en ai pas FAQ je met pas j'ai pas envie et foour donc là j'ai repris le foour que j'avais fait là et puis c'est carré donc voilà ce que ça donne pour ma page d'accue donc tu vois c'est simple c'est j'ai c'est vraiment pas super élaboré mais c'est le but parce que en fait déjà j'ai pas beaucoup de produits donc je vais pas blablater pour rien et je veux vraiment qu'on aille à l'essentiel mon but vraiment c'est que la personne elle va là à la rigueur elle va là elle kique là et la page produit je je je je bombarde la page produit je bombarde pour qu'elle achète ok ne te mets pas la pression je sais que il y avait certaines personnes qui avaient vu mes maquettes ils m'ont dit oh mais c'est trop bien c'est t truc fais quelque chose à ton niveau fais de ton mieux tu fais une maquette très rapide ok même si tu veux faire ça sur papier tu peux le faire moi au début je l'ai fait sur papier et après je l'ai remis sur canva pour voir certains détails est-ce que là je le mets en rose qu'est-ce que ça rend qu'est-ce qui rend mieux le rose ou le bleu après j'ai vu que le le bleu rendait mieux donc voilà là tu fais vraiment les choses rapidement ne passe pas trop de temps si tu as des difficultés à faire ta maquette fais de ton mieux demande-moi mon avis si tu as besoin d'aide mais voilà passe à autre chose on passe à la suite c'est pas grave au moins tu auras essayé au moins peut-être tu l'auras fait juste sur papier tu as pas besoin de faire sur canva voilà je veux vraiment pas vous bloquer à cette étape que vous ayez peur ou que ou que vous vous dites ah mais c'est pas aussi bien qu'elle en vrai vous avez pas besoin de faire quelque chose de super pro en fait tout le travail que vous allez faire en amont sur les réseaux sociaux normalement ça va vraiment casser déjà beaucoup d'objections les gens ils vont venir principalement pour acheter ensuite quand vous aurez d'autres canaux de d'acquisition comme le SEO les publicités là par contre je dis pas il faudra que ce soit super optimisé mais on n est pas là encore