Présentation des maquettes APOTHYS

Bonjour Noemi, j'espère que vous allez bien.

Donc comme l'était annoncé sur la page de suivi, on est donc le lundi 10 et donc je devais donc vous revenir aujourd'hui pour vous présenter les différentes maquettes du nouveau site Apothee, donc c'est ce que je vais réaliser aujourd'hui.

Donc dans cette vidéo, en commentant, en découvrant ensemble la maquette du futur site, je vais y arriver, Ce que vous allez voir dans cette vidéo, c'est une maquette qui est un peu dynamique.

Elle représente 99% de ce que vous allez retrouver sur le futur site.

Evidemment, ce que vous allez voir, même si ça bouge, même si ça semble fonctionnel, ça ne l'est pas.

comment dire, les menus ne sont pas fonctionnels, les boutons ne sont pas fonctionnels, etc.

C'est juste pour vous donner une idée.

Il y a quelques éléments qui sont, on va dire, animés parce que c'est pour vous en donner une idée.

Mais voilà, c'est pas fonctionnel.

C'est juste pour nous donner une idée.

Vous allez recevoir en complément de cette vidéo des fichiers PDF qui sont strictement la capture d'écran de ce que je vais vous montrer qui là sera pour le coup 100% statique en PDF.

L'idée de ces PDF, c'est que vous puissiez les commenter.

Vous allez pouvoir ajouter des bulles de commentaires, enregistrer les fichiers, et une fois que ce sera fait, vous pourrez les retourner, comme ça moi je saurai ce qu'il y a à modifier, ajouter, retirer, et évidemment répondre à certaines questions.

avant de démarrer tout ce qui sera évidemment partie intégration.

Donc voilà, je pense avoir fait le tour.

Donc ça va être une grosse présentation pour moi, ce sera un petit peu plus court au niveau du montage.

A la fin de la vidéo, je ferai également un petit résumé et il faut aussi que je revienne sur quelques points avec vous vis-à-vis de cette prestation.

que ce soit d'un point de vue planification, où est-ce qu'on en est, tarifaire, est-ce qu'il y a eu des modifications et aussi j'aimerais qu'on commence à aborder le sujet de l'avenir du site ensemble.

et comment on collaborera ensemble à l'avenir, ça va aussi orienter ma conception et savoir ce que je vais devoir prévoir par la suite.

Je vous en dirai un peu plus à la fin de cette vidéo, rien à voir, je vous rassure, mais c'est parce que moi en concevant le site, je me rends compte qu'il y a des petites choses qu'il va falloir peut-être mettre en place à l'avenir et donc je veux vous les partager dès aujourd'hui.

Donc voilà, on va démarrer avec cette page d'accueil.

Donc l'idée c'est qu'on l'analyse ensemble de haut en bas.

Il y a des éléments qui vont être répétitifs, notamment les menus du haut et le footer.

Donc ça je n'en parlerai qu'une fois et après je passerai assez vite.

Pareil, l'idée ce n'est pas parfois de réinventer la roue.

Donc il y a certaines sections que je réutilise ailleurs sur le site.

Donc je les développe une fois quand on les rencontre et après ne vous étonnez pas si je ne les développe plus ailleurs.

Je profite également, je fais une parenthèse, C'est une maquette, donc pour l'instant, il n'y a pas de texte qui sont définitifs.

Moi, encore une fois, je ne m'occupe pas de la rédaction.

Donc, à l'avenir, si vous voulez, voilà, parce que vous avez les maquettes devant les yeux, vous savez où vont aller les textes.

Si vous voulez prendre un petit peu d'avance et pourquoi pas me fournir certains textes, ce sera naturellement le bienvenu.

Encore une fois, vous pouvez commenter les PDF et me donner les textes qui iront bien là où vous le souhaitez.

On démarre avec une première section qui est le bandeau d'annonce.

Ce bandeau d'annonce, l'idée c'est qu'il concentre avec un élément animé qui va attirer l'attention et suivre l'utilisateur dans sa navigation.

on va lui afficher des éléments de rassurance et des éléments de logistique.

Donc là il aura vraiment tout à ce niveau là, donc vous pourrez naturellement rajouter ou retirer des informations, j'en ai mis quelques unes, on pourra évidemment modifier à l'avenir.

Ensuite on enchaîne avec un menu qui n'a pas trop changé par rapport à l'ancien on a évidemment des gammes de produits qui ont été intégrées donc évidemment fallait les prévoir mais sinon d'un point de vue structure on n'est pas trop différent de ce qu'on avait avant maintenant contrairement à avant on va fonctionner avec une logique de méga menu parce que ça permet de filtrer un peu mieux puis surtout ça a plus de chic et ça permet d'habiller aussi un peu plus les pages donc là formation et huiles auront la structure suivante donc catégories, niveaux et on met en avant une offre pour la formation et pour les huiles, moi j'ai mis famille off active, les besoins et pareil ici on utilise toujours cet encart pour mettre en avant une offre.

Donc c'est intéressant parce que vous allez repérer assez facilement sur cette page mais aussi sur les différentes pages qu'il y a des blocs qui vont vraiment être destinés à être dynamiques, à changer avec le temps, en fonction des offres du moment, etc.

Et il y a d'autres éléments qui vont être statiques et qui seront amenés à ne pas trop bouger avec le temps, parce que ça a été défini comme ça.

Donc là, typiquement, ces deux blocs-là qu'on retrouve dans huile et formation, c'est typiquement des blocs qui sont destinés à changer et à suivre la vie du site et ses offres du moment.

Ensuite on enchaîne, ça vous l'aviez vu et je l'avais déjà un petit peu designé dans la partie maquette, donc la proposition de valeur principale et donc là deux boutons d'appel à l'action, donc soit on découvre les formations, soit on découvre les huiles et on vient donc mettre en sandwich cet élément avec des éléments d'autorité et de preuve sociale.

On est toujours dans la vue, On n'a toujours pas scrollé et directement ici on aura donc un slider avec un défilement très gentil comme ça où on peut balayer comme on veut et donc on découvre les différentes catégories aromathérapie, phytothérapie, naturopathie, cosmétique, etc.

Comme ça on arrive à voir assez facilement les différentes catégories.

et directement à aller cliquer pour aller vers la collection associée ou la formation directement associée.

Donc sans quitter la vue ici ou sans scroller ou sans aller ailleurs directement dès la première page on peut aller directement vers une collection ou une formation associée ce qui accélère le processus d'achat.

On descend On vient compléter les éléments d'autorité, on a tout de suite mis des produits ici qui sont des formations, qui redirigent soit, comme je l'ai dit, vers des collections, soit vers des produits directement, parce que ça peut dire directement la formation.

Donc directement, ensuite on vient appuyer le propos en mettant des éléments de rassurance, donc les différentes des entités qui vous ont cité et avec qui vous avez pu travailler ou par qui vous êtes labellisé, que sais-je.

Donc c'est vraiment pour augmenter la valeur perçue aussi.

Et c'est surtout que là il y a une stratégie GEO, parce que maintenant on a le SEO pour les moteurs de recherche, mais GEO pour les intelligences artificielles.

Moi, dans cette structure de pages, et d'ailleurs pour toutes les autres aussi, je me suis pas embêté, j'ai directement demandé à l'IA comment construire ces pages pour qu'elles soient le plus optimisées, pour qu'elles puissent les trouver à l'avenir.

Et donc, ça m'a été conseillé par les IA, et ça va totalement avec le propos qu'on veut dérouler, donc c'est parfait.

On répond à la question qu'est-ce qu'il y a pour moi, on met en avant quelques produits phares, Et tout de suite, on explique qui on est dans une courte partie à propos.

Donc là, voilà, grande phrase.

Encore une fois, tout ça peut être modifié.

Je vous avoue que pour les textes, j'ai généré des textes en me basant sur les existants.

Donc évidemment, on pourra changer naturellement tout ce qui est à changer.

Donc là, voilà quelque chose de petit texte éditorial ici et on vient compléter ici avec une carte de la formatrice donc encore une fois le but ici c'est d'expliquer ce que vous faites et et surtout de donner plus d'informations aux IA quand ils commencent à scanner la page ce qui permet de confirmer qu'il va bien communiquer la bonne page à un utilisateur.

Juste en dessous, par contre, des filements plus précis que ça des différentes formations à la carte.

Vous aviez déjà vu ce type de bloc dans l'achat graphique que je vous avais communiqué, donc ce sera toujours comme ça, j'ai repris vos images, et donc titre, la durée, le nombre de leçons, les avis, on met le prix, et vu que vous proposez le paiement en plusieurs fois, même si c'est finançable, mais ça a déjà été communiqué plus haut, là on explique le paiement en plusieurs fois, donc là ils savent qu'au maximum, ils peuvent payer 4x19.75, etc.

Donc ça c'est intéressant, ce n'était pas présent sur votre ancienne version qu'on m'a préparé.

Là on vient développer un peu plus les cartes et donc on sait à quoi s'attendre d'un point de vue tarifaire en tout cas sur ces dernières.

Et l'avantage c'est que vous aviez donc fait des images avec déjà des petits écrits dessus donc ce qui permet aussi d'alléger la carte à ce niveau.

Et donc là on a un défilement des différentes cartes.

Bon là c'est juste habillé comme ça donc je ne sais pas défiler.

mais quand on cliquera ici on aura donc la carousel qui va bouger.

Juste en dessous on enchaîne avec les méthodes de financement, on vient couper un petit peu cette vue qui était un petit peu beige crème en fond, on vient la couper un petit peu pour mettre en avant Les méthodes de financement, on vient mettre une image de fonds et on vient littéralement changer le style pour que ça ressorte bien.

Donc on a un bon contraste et on appuie cet élément qui est le financement.

Donc soit le financement en plusieurs fois qui avait déjà été discrètement énoncé précédemment.

Les fonds publics, donc ça c'est ce qu'on avait dit là-haut.

et la possibilité donc de tester son éligibilité donc ça on en avait parlé en vocal et donc là ils ont un bouton et ça ouvrira soit un pop-up soit une nouvelle page qui donc intégrera un quiz voilà et ici on vient compléter avec un avis donc ça c'est un véritable avis je suis allé le chercher donc sur vos avis de Judge.me pour appuyer le fait que voilà s'il y a le moindre problème ils sont accompagnés du début à la fin Ensuite, on vient détailler le parcours, comment ça se passe quand la personne prend une formation, elle crée son compte, elle choisit sa formation, elle suit la formation à son rythme et elle obtient son certificat.

Appel à action juste en dessous et on vient rassurer sur le fait que ces formations sont accessibles, donc combien de certificats ont été délivrés l'année précédente et combien de taux de réussite.

Donc ça, c'est des données fictives, encore une fois, tout est éditable.

Petite vidéo en fond pour tout simplement amener de la vie sur le site.

On a beaucoup d'éléments qui bougent sur le site donc au moins on ne s'ennuie pas non plus.

Le but c'est aussi de passer un bon moment mais toujours tout en restant professionnel et en gardant ce côté frais.

de ce qui avait été conçu dans la charte graphique.

On vient toujours appuyer avec les mots clés, ça je n'en parle plus parce que maintenant c'est acté, ça on l'avait vu dans la charte graphique, mais évidemment c'est bien présent dans les différents titres, donc là se former simplement, il n'y a pas besoin de lire le texte pour comprendre ce qu'on a ici.

Ensuite, quelque chose d'un peu éditorial, on vient habiller aussi un petit peu cette partie-là.

Donc là, vous pourrez naturellement écrire ce que vous voulez.

Évidemment, vous voyez, on peut venir illustrer comme on veut cette partie-là.

Je trouve cette section très esthétique et très intéressante pour communiquer une idée ou une valeur.

Juste en dessous, des avis clients.

Donc on aura un medley comme ça de cartes d'avis et de gens qui ont obtenu leur certification.

D'ailleurs, je crois, dans le dossier que vous m'aviez envoyé, sauf erreur de ma part, ça c'est que des visuels que je suis allé rechercher sur votre ancien site, mais si vous avez plus de photos comme ça de ces gens qui ont reçu un certificat, ça en fait c'est des images que j'avais déjà à l'époque quand on a fait le site, si vous en avez des nouvelles, plus actuelles, je suis preneur naturellement.

On continue, on appuie sur ce qu'on vient de voir précédemment avec plus de chiffres, les followers, le nombre de vues et le nombre de clients.

Juste en dessous, une petite partie FAQ qui sera naturellement éditable.

Cette FAQ vous la croiserez un peu partout sur le site, les IA conseillent énormément d'ajouter des FAQ.

Et ça a permis également d'enrichir, je ne sais pas si vous savez ce que c'est, mais en fait une page web contient des données structurées, on peut les vérifier avec ce type d'extension.

Bon là il n'en voit aucune parce qu'évidemment il n'y a rien qui existe à ce niveau.

Mais les données structurées, c'est des données synthétiques de ce qu'il y a sur la page, et les IA aiment bien aller regarder ça, d'ailleurs Google aussi, et c'est vraiment un boost en termes de SEO et de Geo, et donc les FAQ, ça permet vraiment de de mâcher un petit peu le travail à l'IA, parce que les gens vont aller dans l'IA, ils vont aller poser une question, mais si vous sur votre site, dans vos données structurées, il y a déjà la réponse à la question, et vous venez détailler en plus cette question un peu plus sur la page, l'IA c'est des bons indicateurs pour elle, puisque vous mâchez le travail, et en plus vous êtes une source d'autorité, puisqu'elle a pu le vérifier là-haut.

Ensuite on descend, donc là j'ai mis des vidéos, encore une fois ici et là, Encore une fois pour apporter du mouvement sur la page, mais aussi de la sympathie, etc.

Donc d'autres leviers de confiance.

Naturellement ces vidéos peuvent changer, si elles ne vous conviennent pas.

Vous pouvez aller, moi j'utilise Pexel, donc c'est des banques de vidéos gratuites.

Si vous voulez autre chose, naturellement vous pouvez aller chercher là-dedans, et je remplace volontiers.

Donc là, vu que c'est plus une partie rassurance, une partie...

comment dire...

accompagnement donc là on met des données d'accompagnement donc là la disponibilité et le temps de réponse moyen de votre support client.

Ici on vient parler rapidement des derniers articles de blog donc bon on a déjà utilisé le format des cartes un petit peu partout pour tout ce qui était les produits, là on le voit encore sur les bannières.

Donc pour quitter un petit peu ce format là, pour les articles de blog j'ai choisi quelque chose de complètement différent pour éviter de trop matraquer les cartes un petit peu partout et les utiliser quand c'est vraiment utile.

Donc là par contre pour les articles de blog, quelque chose d'un peu plus éditorial comme ça.

Ce qui permet également de renforcer la crédibilité et la valeur perçue de ces différents articles.

Et enfin, on conclut avec un footer que vous verrez également sur toutes les pages.

Donc là, en fait, on finit avec un appel à l'action, donc en fait le principal.

Donc après, c'est encore une fois, on peut le changer, mais encore une fois, c'est juste une invitation à aller se former toujours avec des visuels de banques, de vidéos libres de droits.

Et enfin, Footer, donc là, rappel logo, rappel de la mission, la promesse, les réseaux sociaux, les formations, en savoir un peu plus sur Apropos, le blog, financement, nous contacter.

Et après, les différentes pages d'aide ou les différentes politiques.

On rappelle l'organisme Calliope avec la possibilité de consulter le certificat.

Encore une fois vous avez le PDF, vous pouvez naturellement le commenter si vous voulez changer des textes, si vous voulez ajouter des choses, si vous vous questionnez sur d'autres, ou si vous voulez juste en supprimer parce que vous ne trouvez pas ça utile, naturellement vous pouvez commenter le PDF et je modifierai la maquette.

avant l'intégration.

Voilà donc ça c'était pour la page d'accueil on va pouvoir passer à la page suivante qui va être donc la page formation donc là on va étudier qu'est ce qui se passe quand on clique ici.

Nous voilà sur le modèle de page Produits Formations.

On retrouve le visuel, le titre, la description, les avis pour la preuve sociale.

C'est assez classique.

4 petits checks pour dire ce qu'on va avoir dans l'information.

Très très rapide.

Le prix, où on détaille la valeur, la possibilité de payer en plusieurs fois, on met en avant le fait que c'est en promotion, si ça l'est ou si ça ne l'est pas.

On a une petite mention paiement sécurisé, ça ne mange pas de pain.

Et on rappelle effectivement que ce sont des formations qui peuvent être financées.

Et donc premier bouton ajouté au panier ou alors deuxième bouton.

demander un financement qui fera automatiquement un jump jusqu'ici.

Ce qui permettra de visionner très rapidement tout ça, comme on vient de le faire.

On aperçoit rapidement certaines informations sur lesquelles on peut revenir évidemment si on est intéressé.

La personne qui demande le financement doit passer rapidement devant tout ça.

Je pense que vous voyez quel genre d'animation ça fera.

pour arriver là-dessus où elle peut faire le petit quiz comme on l'a vu sur la page d'accueil.

Donc on a aperçu pas mal d'éléments, ici un rappel des grandes données de la formation, donc le nombre d'heures, le nombre de leçons, et insisté sur un avantage on va dire assez précieux, donc là j'ai mis l'accès à vie, et on avait également sur les pages de formation la possibilité de consulter un extrait, donc j'ai mis la consultation de l'extrait juste ici.

On a un bordeau qui est sticky pendant toute la descente où on va pouvoir consulter pas mal d'informations, on va y revenir juste après.

Dans ce menu, dans cette carte qui ressort de par sa couleur, on a le rappel des différentes informations, la possibilité de voir le détail de son paiement.

les heures de contenu en ligne, les différents avantages, la possibilité évidemment d'ajouter au planning ou de demander un financement encore une fois qui nous renvoie à la section que vous avez vue.

Évidemment, mise en avant également de l'offre VIP avec l'avantage, donc ça j'ai fait le calcul un petit peu, mais en moyenne une personne économise 2800 euros si elle passe par l'offre VIP sur toutes les formations qu'elle économise en dépensant 597 euros par an.

Voilà donc ça c'est sticky et ça suit l'utilisateur dans son scroll, évidemment sur mobile cette partie sera prioritaire à celle-ci qui viendra juste après.

Alors au niveau du contenu ici donc on retrouve évidemment la description, le contenu de la formation avec les différents modules, les prérequis, les modalités et les débouchés s'il y en a.

Ensuite, on va avoir les avis de JudgeMe qui vont être mis ici.

Détails sur évidemment la formatrice.

Et là, on refait une conclusion, un résumé rapide Donc évidemment un peu plus poussé que ça ou que ce qu'on a vu tout là-haut.

L'idée c'est dans ce bloc de résumer en fait tout ce qui a été vu là et en fait tout ce qui a été vu depuis le haut de la page.

Donc vraiment dans un grand bullet point on vient dire voilà tout ce qu'on va avoir en commandant cette formation.

et pour un peu plus de confort et de rassurance aussi, la possibilité d'être conseillé.

On voit, bon moi c'est parce que je m'y suis habitué donc je le remarque maintenant, mais évidemment on a un bandeau qui est sticky.

Alors ce n'est plus le bandeau qu'on a vu tout là-haut.

Donc lui en fait, dès qu'on va commencer à scroller, qu'on va sortir de la vue, là on va avoir un menu qui va apparaître et donc qui va nous permettre de Pareil, faire des jumps sur la page pour aller dans les catégories qui nous intéressent, donc détails, avis, formatrice, résumé, financement, parcours et FAQ.

Voilà.

Et ensuite, jusqu'à partir de là, ce sont des sections que vous avez déjà vues.

Donc là, comment se passe le parcours.

Ici, on met en avant des huiles.

Donc là, j'ai mis les meilleures huiles avec la meilleure formation.

Donc là, on pourra mettre en avant des huiles qui auront bien avec la formation.

Et s'il n'y a pas de produits associés, ce ne sera pas affiché.

Et donc, on affichera directement ça juste en dessous.

Voilà, donc ça c'était pour la partie formation, maintenant on doit voir une autre type de page produit qui est les huiles et les kits.

Donc on va voir ça tout de suite.

Bien, donc nous voilà sur l'affiche d'un produit, donc huile ou kit, on verra le kit juste après, qui a une configuration un petit peu différente.

Donc j'ai opté pour cet affichage-là, parce que autant les formations, c'est un petit peu difficile de, comment dire, d'habiller la page, parce qu'il faut quand même rester très strict et dans son thème, autant pour les produits, vu que c'est une nouveauté aussi sur le site et pour l'histoire et l'évolution d'Apotis, Je trouvais ça intéressant de marquer le coup avec aussi des fiches produits qui ont une identité.

Donc j'ai opté pour ce petit fond là, très agréable, qui met bien en valeur les produits.

Tout ça a été généré avec de l'IA, que ce soit le fond ou le mockup.

Après j'ai quand même, au cas où si vous aimez bien ce type d'affichage là, j'ai standardisé la façon de gérer le mockup des produits.

Donc en fait, moi, si vous voulez, à l'avenir, quand il faudra intégrer des nouvelles fiches produits ou autre, vous pouvez simplement me donner le modèle, la photo du produit comme vous me l'avez mis sur le Google.

et moi après je suis capable en fait avec différentes IA de l'habiller différemment et en cohérence aussi avec le site.

Ça permet aussi de gérer les jeux de lumière, donc là on devine bien qu'il y a une lumière naturelle qui vient taper sur le produit, ce qui vraiment crée un ensemble assez cohérent et assez convaincant.

Enfin voilà, donc évidemment il y aura la possibilité de mettre d'autres visuels si vous souhaitez en ajouter.

Donc là on a une fenêtre contextuelle qui rappelle les différentes informations.

Bon ça c'est un petit peu similaire à ce qu'on avait vu sur la partie formation donc je vais pas m'attarder là dessus.

La possibilité de mettre un produit en cross-sell si besoin, en tout cas c'est prévu dans ma conception.

Ensuite on a tout ce qui est description, conseils d'utilisation et composition et quelques éléments de rassurance.

Ici on aura trois gros bénéfices sur le produit qu'on viendra détailler ici ou sous-développer d'autres bénéfices ou bienfaits ici, dans un assemblage de ce qu'on appelle bento.

donc un collage de 4 ou 5 petits éléments pour détailler la valeur du produit pas trop surcharger la page non plus parce que finalement tout ce qu'on veut mettre en mots clés ou autre finalement on va pouvoir vraiment mettre tout ce qu'on veut ici mais ça prendra pas trop de place sur la page sauf si on décide de déployer cette cette rangée là mais pour quelqu'un qui se baladerait librement sur la page il a assez d'informations avec ces différents éléments les éléments qu'il a ici les éléments qu'on pourrait mettre aussi au niveau des images pour comprendre le produit ici on descend donc là niveau utilisation donc là pareil on peut mettre d'autres bénéfices Et j'ai prévu des cas d'usage en fonction de l'application cutanée, la cosmétique, le bain, la diffusion et l'alimentaire.

Et en fonction de tout ça, on met des petits plus, ce qui permet de comprendre à quel niveau on peut utiliser le produit.

Finalement, c'est la même chose que conseil d'utilisation, sauf que c'est un peu plus stylisé et moins détaillé que ce qu'on pourrait retrouver ici.

voilà ici les avis judge me qui sont présents et s'ils ne sont pas présents ce sera masqué et donc on affichera par contre une FAQ détaillée pour chaque produit donc chaque produit chaque fiche produit aura sa FAQ qui lui sera propre et avec toutes ces informations là le client ou la cliente aura assez d'informations pour passer commande enfin voilà donc ça c'était pour la partie produits à l'unité huile essentielle ou autre Ensuite, comme j'ai dit, il y a les kits.

Les kits eux sont comme ça, toujours ce même fond.

Ça, ça a été généré avec une IA, donc j'ai bien conscience que ce n'est pas la box, mais c'est pour se donner une idée.

Là, rappel évidemment de ce que le client va obtenir, un court paragraphe.

Là, il a la possibilité de configurer son kit, un, deux ou trois kits.

Évidemment, on met en avant le fait que c'est un prix dégressif.

Là, en fonction de ce qu'il choisit, évidemment, cette partie-là va évoluer.

Ici, il aura la possibilité de cliquer, ça va lui afficher un pop-up qui viendra détailler un peu plus qu'est-ce que c'est que l'huile de lavande fine.

Alors pas aussi détaillé que ce qu'on a vu dans la fiche produit appropriée.

Il aura un appel à l'action qui l'invitera à aller consulter la fiche produit du produit en question.

Mais tout sera vraiment ici et si on veut plus d'informations, on a des petits pop-up qui nous permettent d'en savoir plus.

Et évidemment, en fonction de là où on clique, les unités vont s'actualiser.

Je sais que vous, dans votre offre, c'était une pochette premium et une mini formation.

On a pris l'initiative de les présenter comme ça, c'est-à-dire en cadeau, donc on a ça d'inclus et par contre ça c'est du cadeau, donc on a la livraison express, on détaille la valeur, donc on dit que ça a telle valeur, une pochette premium qui a telle valeur et une mini-information d'une valeur de temps.

Et donc ça c'est présent donc à chaque fois peu importe où est-ce qu'on clique.

La personne sait exactement ce qu'elle va avoir et donc elle a juste à ajouter au panier pour continuer son achat.

Il n'y a pas plus parce que le reste de la page c'est exactement ce qu'on a vu précédemment.

On vient remettre les trois gros bénéfices du kit.

et on vient détailler en bento les différents avantages, etc.

Donc ça c'était pour le kit.

On va passer à un autre modèle de page qui sera la page VIP.

Nous voilà sur la fiche produit de l'abonnement VIP.

C'est l'une de mes pages préférées.

Franchement j'ai eu beaucoup de plaisir à la faire parce que quand il s'agit de VIP c'est une autre dimension.

On a une offre qui est plus plus et donc ça permet aussi de changer, de créer une rupture.

dans la création, même dans la charte graphique.

Et moi je me suis amusé à simplement inverser cette charte graphique où on passe d'un côté très lumineux à quelque chose d'un peu plus luxueux avec ce trophée qui est bien designé.

cette illustration qui rend très épurée la vue et qui laisse beaucoup de place à la proposition de valeur.

On retire ce côté très light et on passe dans un côté un peu plus sombre, un peu plus premium pour contraster avec tout le reste et vraiment mettre en avant cette offre premium à la étiquette.

Donc voilà, ici on vient directement détailler la valeur.

On ne va pas faire des kilomètres et des kilomètres de pages non plus, comme on peut le voir sur certaines pages de vente.

Directement on détaille la valeur ici et on n'hésite pas à rappeler combien ça vaut à chaque fois.

Ça c'est quand même intéressant, surtout quand on est amené à afficher le prix final.

Pareil, ici dans un bento, on va afficher les différents avantages.

Donc là, l'accès à toutes les formations, kit média professionnel, la certification, le trophée, l'accès au webinaire, les replays, la communauté privée, l'annuaire et les offres préférentielles.

Avec ça, on a compris tout ce qu'on avait dans ce pack.

Ensuite, on a le prix, il faut bien l'afficher au bout d'un moment.

et donc on l'affiche ici après avoir détaillé toute la valeur donc là je sais plus si je sais pas si vous proposez le paiement en quatre fois moi de mémoire sur mon site avec c'est Klarna en tout cas avec Klarna en dessous de 1500 euros ça peut être payé en quatre fois En 3 ou 4 fois, je ne sais plus.

Non, en 3 fois.

En 3 fois, côté utilisateur et Klarna, c'est possible.

Donc je ne sais pas si vous et Kalma, en 4 fois, c'est possible à ce montant-là.

Mais en tout cas, j'ai laissé, comme sur les autres formations, la possibilité que c'était payable en 4 fois.

Et donc, on insiste bien ici que c'est un accès complet pendant 12 mois.

On insiste sur le fait que c'est finançable, paiement sécurisé sans engagement.

et un accès immédiat.

On rappelle évidemment la plus grosse proposition de valeur selon moi, en tout cas d'un point de vue économique, c'est qu'on économise en moyenne plus de 2800 euros sur toute la boutique.

Évidemment, vous recevez un pdf, tout ce qui est écrit sur les différentes pages en pdf, annotez-les, actualisez les informations, Encore une fois, j'ai créé la structure, s'il y a des textes à changer, vous actualisez les informations et moi j'actualise de mon côté.

Évidemment, la partie financement, et donc ça, ça n'a pas changé, on rappelle les clients comptants, les différentes données et une FAQ qui sera adaptée à ça.

Enfin voilà, une très belle page pour l'offre VIP et on va vraiment à l'essentiel J'ai essayé de regarder de mon côté des pages de vente américaines qui détaillent la valeur, mais c'est des trucs à rallonge et je pense pas que les utilisateurs d'aujourd'hui soient les utilisateurs de quand les pages de vente étaient à leur apogée sur internet.

Je pense que maintenant ils veulent des choses qui vont à l'essentiel.

Donc là voilà, on détaille la valeur, on l'illustre, on la détaille un peu plus, le prix, et je pense qu'on est pas mal d'un point de vue longueur.

Après ça c'est des informations qui étaient présentes aussi sur la page.

Encore une fois, si vous voulez que j'ajoute d'autres choses ou que vous auriez aimé voir d'autres choses sur cette page, vous n'hésitez pas et je l'ajouterai évidemment bien volontiers.

Voilà donc ça c'était pour la partie VIP mais en tout cas voilà une page qui contraste très bien et qui je pense fait le travail pour mettre en avant et contraster avec les autres produits du site.

Maintenant on va aborder les différentes pages collection.

On va rentrer dans une deuxième phase dans ce visionnage.

On va commencer à aborder les pages qui sont plus informatives.

que purement dédié à la vente.

Et j'ai choisi le parti pris de, quand il s'agit d'une page informative, d'avoir toujours cette structure, donc sous-titres, titres, paragraphes et un visuel.

Sur toutes les autres pages qui vont suivre, le début d'une page commencera toujours comme ça.

pour juste aussi conserver une certaine cohérence d'une page à une autre et aussi simplifier le processus de création d'une page.

Pas que ça aille dans tous les sens non plus à chaque fois.

Donc quelque chose d'agréable, bien maîtrisé et qui n'est pas trop déroutant côté utilisateur.

Voilà donc ça toujours en début de page.

Ensuite en dessous, donc c'est une page collection qui sera en deux temps.

Déjà, on affiche les meilleures ventes dans un carousel.

Juste en dessous, on vient détailler les différentes offres du moment.

On vient mettre en avant l'offre VIP ou les kits.

C'est juste d'un point de vue actualité.

Et juste en dessous après, on vient afficher les nouveautés.

Dans l'ordre de la zone chaude vers la zone froide, on va afficher en priorité des éléments qui se vendent déjà très bien.

On va mettre en avant des éléments qui sont d'actualité, qu'on veut pousser parce que offre promotionnelle soit, parce que c'est le high ticket et donc c'est important pour nous.

et après on affiche les nouveautés, ce qui vient de sortir, etc.

C'est pas incompatible qu'on ait une formation toute nouvelle qui est affichée aussi ici parce qu'il faut aussi la mettre en avant.

Donc voilà, mais elle sera bien plus mise à l'honneur si on la place ici que si elle est juste placée là et qu'on affiche ce quadrillage en seconde place.

Donc c'est pour ça que je veux vraiment ici, et là on n'est pas limité qu'à deux cartes, on peut mettre ce qu'on veut, moi je trouve que deux c'est intéressant, ça permet de ne pas se perdre non plus.

Mais enfin voilà, évidemment tout ça est dynamique.

Donc là je vous montre une page collection mais évidemment les pages collection pour les huiles ce sera la même structure.

Le visuel ici changera.

Ici on va afficher les meilleures huiles vers la moins bonne.

C'est pour ça qu'on affiche les meilleures ventes.

Ici on affichera une offre du moment s'il y en a une.

Et après on affiche les nouvelles huiles ou en tout cas classées par nouveauté.

Évidemment, elles auront leurs propres méthodes de filtrage.

Là, j'ai défini des éléments de filtrage par domaine et thématique, par objectif, par niveau et par format.

Naturellement, on pourra ajouter ou supprimer.

Encore une fois, vous pouvez mettre des annotations s'il y a des choses que vous voulez ajouter, supprimer ou modifier.

Dans cet ordre-là.

Ensuite, on rappelle évidemment les financements.

Ça, c'était déjà présent chez Aromatec pré-parté.

Le détail de comment se former, c'est toujours en quatre étapes.

Là, on ne va pas afficher les avis clients parce qu'on en a déjà ici avec quelques étoiles.

Par contre, on va bien resouligner les acteurs qui nous font confiance et les questions réponses habituelles sur toutes les pages.

Voilà donc ça c'est vraiment une page collection donc elle aura cette structure là dans le cas le plus favorable.

Evidemment en fonction de certaines configurations je vais créer des règles qui vont changer les affichages en fonction de la quantité de formation dans une collection.

Je parle de formation parce que là on a en face de nous des formations mais évidemment c'est pareil pour les huiles.

Si admettons on n'a que, je sais pas, trois huiles dans la collection, je vais peut-être pas afficher ça parce que là il faut en afficher quand même plusieurs.

Donc je créerai une règle qui n'affiche pas ça, qui affichera ça en premier, je demanderai, via une règle, de retirer le fond vert et de mettre un fond blanc, cassé, beige, et ensuite on enchaînera là-dessus.

Il y aura plein de règles qui, en fonction de la collection et de sa quantité ou de sa complexion, changeront dynamiquement les pages associées.

Voilà, donc ça c'était pour la partie collection.

Maintenant on va parler articles de blog et blogs.

Nous voilà sur le blog, évidemment qui va contenir plusieurs articles.

Toujours cette structure qu'on a vu précédemment, visuel, titrage, évidemment le listing des différents articles, du classé du plus récent au plus ancien, avec toujours en sticky un panneau qui invite à partager sur les réseaux sociaux, à filtrer également, on pourra filtrer la vue par catégorie.

Et ici, on aura la mise en avant d'un produit phare.

J'ai mis l'abonnement VIP, mais on peut mettre en avant une offre totalement différente.

Footer, vraiment simple pour le blog.

Article de blog, pareil, même structure, on affiche l'image.

le contenu, donc là j'ai repris ce qu'il y avait chez vous, alors il y avait des styles qui étaient mis en place sur vos articles de blog, j'ai demandé à Unia de tout simplement les remettre en forme pour que ça soit cohérent avec la charte graphique qui a été créée, donc voilà à quoi ça correspondrait.

Mais enfin voilà, la possibilité de laisser un commentaire, évidemment la table des matières qui suit à chaque fois l'utilisateur, la possibilité de partager, Encore une fois, la mise en avant d'un produit, cet encart sera dynamique puisque en fonction du produit ou de l'offre ici, si vous parlez d'un de vos produits, vous pourrez mettre en avant une formation ou l'offre VIP.

Et ici donc des propositions d'autres articles de blog tout simplement, footer, voilà.

Donc ça c'est pour les articles et le blog.

Maintenant la partie à propos.

Donc là il y a une image qui est grisée, j'ai pas mis d'image ici parce que là on parle de la vie d'apothiste mais aussi vous votre parcours professionnel donc là j'ai laissé un encart pour si vous le souhaitez après moi je peux l'illustrer avec une photo qui sera cohérent avec le reste du site mais si vous voulez mettre quelque chose d'un peu plus personnel Si vous avez une photo de belle qualité à mettre ici, je pourrais l'afficher volontiers pour parler de votre histoire.

Ici, tout de suite, les partenaires.

Ici, on rentre dans une partie un peu plus historique.

On va pouvoir démarrer de là où ça a commencé.

parler un petit peu des différentes évolutions, et à chaque fois on va pouvoir illustrer avec la date évidemment qui suit, là pareil évidemment, donc là à chaque fois c'est juste une répétition, mais évidemment on répète autant de fois qu'on veut mettre en avant une année qui a été clé ou spécifique pour le site.

Ici, évidemment les différentes données, encore une fois actualisables, vous pouvez mettre en avant ce que vous voulez, encore une fois j'ai pas voulu surcharger cette page à propos, parce que parfois on sait pas trop quoi dire, parfois c'est un petit peu compliqué.

Donc je voulais surtout mettre en avant l'historique, les valeurs, alors pas quelque chose avec des paragraphes à rallonge, mais vraiment mettre en avant des mots-clés.

et des données clés pour quelqu'un qui balerait la page d'un regard ou d'un scroll pour qu'il ait vraiment les données les plus intéressantes, les plus importantes sans avoir à faire une page qui fait plusieurs kilomètres pour raconter toute l'histoire.

Il faut aussi que ce soit agréable à consulter ou en tout cas à scanner côté utilisateur.

Et donc là, l'équipe, pareil, c'est une structure qu'on retrouvait déjà sur la partie formation.

Donc là, on détaille les différents acteurs.

Je crois que vous avez aussi un associé, donc s'il faut rajouter une ligne supplémentaire pour mettre en avant votre associé ou les différents intervenants, évidemment, vous pouvez me donner un peu plus de matière à ce niveau et je mettrai un jour.

Et donc là, évidemment, le fruit du travail, on remet en avant les différentes formations.

Donc ça, c'était pour la partie à propos.

On va finir avec la partie FAQ qui est une partie aide et contact.

Priorité à la FAQ pour éviter d'avoir le moins de SAV possible.

Donc en fait ici on scrolle et donc on a différentes parties donc là vous allez vraiment pouvoir remplir les différentes sections de la FAQ avec les questions les plus récurrentes et évidemment compartimentées pour trouver évidemment le sujet le plus adapté.

Donc ça évite effectivement ensuite d'avoir accès à ce formulaire de contact donc c'est d'abord l'utilisateur doit consulter une FAQ dans son parcours et ensuite, en ultime instance, il vient vous envoyer un message.

C'est priorité à ça.

Pareil, dans le menu, on aura...

Ah non, c'est pas dans le menu ici, c'est dans le menu en bas, centre d'aide, où nous contacter.

Quand l'utilisateur cliquera là-dessus, et bien il va être redirigé sur cette page là et il va y avoir un jump donc il va passer devant tout ça et ensuite il y aura le formulaire de contact donc il va se dire tiens il y a une FAQ donc il va peut-être remonter et consulter une question et il aura peut-être sa réponse et donc il évitera d'utiliser ça et de venir potentiellement vous déranger avec une question qu'il aurait pu trouver la réponse sur le site.

Donc voilà, c'est pour ça que j'ai pas fait deux pages différentes.

Je trouvais ça intéressant de fusionner les deux pour limiter le SAV.

Même si je crois avoir vu chez vous qu'il y avait une petite pastille où les gens peuvent ouvrir un chat avec vous.

En tout cas, pour la partie mail, c'est un peu plus...

un peu plus verrouillés, s'ils veulent vous contacter, ils doivent d'abord passer devant tout ça, pour au moins être sûr qu'ils aient leur réponse, qu'ils ne posent pas une question dont la réponse a déjà été formulée.

Enfin voilà.

Donc je pense qu'on a fait Donc voilà, je pense qu'on a fait le tour.

Comme je l'avais dit au début de la vidéo, j'ai fait également une partie conclusion, un peu bilan, et ce que je vois aussi pour la suite.

Donc voilà, on va faire un petit point ensemble là tout de suite.

On arrive à la partie conclusion.

J'espère que ce que vous avez vu vous plaît.

C'est vraiment dans la quantité de ce qui avait été vu aussi dans le fichier de géographie que je vous avais envoyé.

C'est vrai qu'il y a une sacrée différence entre le avant et le après.

C'est totalement une DA différente, c'est ce qu'on voulait.

Je suis très content d'avoir travaillé sur cette nouvelle refonte.

J'attends aussi vos différents commentaires sur les PDF que je vais vous envoyer.

pour avoir un maximum de retour et que je puisse commencer à intégrer ça convenablement sur une boutique de chantier avant de passer à la partie intégration chez vous.

Comme je le disais, je voulais revoir quelques petites choses avec vous.

Déjà la première, je ne suis pas assez prêt mais c'est plus d'un point de vue comptabilité, vous ferez attention, m'a été viré en premier virement 1470€ alors que c'était 1490€.

Encore une fois je passe après, c'est juste un point de compte.

La deuxième chose, quand on s'était appelé, quand j'ai démarré le projet, Et même dans le vocal qui précédait cet appel, vous faisiez la mention d'une page annuaire qui n'était pas publiée au moment où on s'est appelé, qui depuis visiblement l'a été, via cette page de vente.

Et moi en fait, elle n'était pas inclue dans le devis que je vous ai fait.

Et je voulais savoir, est-ce que cette page-là, du coup, est aussi à revoir?

Est-ce qu'il faut en reprendre tous les éléments qui sont là-dedans?

Ou est-ce qu'on utilise un modèle de page que je vous ai déjà présenté dans les PDF, que ce soit le modèle de page Formation, ou peut-être pas le modèle de page VIP, je ne sais pas.

Mais c'est vrai que cette page-là, elle me fait poser la question, comment vous voyez la chose à ce niveau?

Parce que là, s'il faut un modèle de page strictement pour cette offre-là, il va falloir que je vous le rechiffre.

Et surtout, cette création, cet ajout de page, ça je ne pourrais le faire qu'à la fin, parce que dans tout ce que j'ai planifié et chiffré, ça c'était pas prévu au programme.

Sauf si c'est vraiment impératif, dans ce cas là je reverrai la planification sur la page de suivi que je vous ai communiquée.

Mais en tout cas, si c'est prioritaire, j'actualise la planification et je vous refais une facture supplémentaire à la fin en plus des 1490 restants.

Ou alors, ce n'est pas gênant si elle n'est pas là pour le moment, priorité aux formations et aux huiles.

Et donc dans ce cas là, celle-ci dans tous les cas, elle sera faite, mais elle sera faite après, une fois que tout sera en place et publiée, ce qui permet aussi de faire les choses en plusieurs étapes, ce qui n'est pas plus mal non plus.

Donc ça vous me direz comment on agit à ce niveau.

Est-ce que vous voulez que la maquette soit faite maintenant pour cette page spécifique, pour cette offre spécifique?

Ou est-ce que ça peut attendre plus tard?

Dans tous les cas, il y aura une facture à prévoir pour cette nouvelle page qui, encore une fois, n'était pas prévue au programme, en tout cas dans le devis que je vous ai fait.

Ensuite, comme vous l'avez vu, le prochain site, il rigole pas et il y a quand même pas mal de choses à orchestrer.

Et moi, la question que je me pose, c'est vous de votre côté, comment vous comptez gérer le site?

Ce n'est pas dans mes habitudes de proposer de la maintenance, mais je pense qu'à l'avenir, au vu de la complexité et maintenant de la richesse de la boutique, Je pense qu'il serait intéressant que pour les interventions futures, il n'y ait plus d'intervention soit de tiers, soit de modifications qui seraient faites par vous-même.

Déjà, ça vous permettrait d'économiser du temps.

mais surtout ça éviterait de créer des confusions ou des petits quacks parce qu'on n'a pas su maîtriser le thème ou parce que c'est aussi un métier.

Et maintenant que le thème évolue et que la façon de concevoir des sites, moi j'ai pris du galon aussi entre temps, donc c'est sûr que je ne fais plus des choses même si je les rends accessibles et que je forme etc c'est sûr que quand on veut atteindre un certain niveau de qualité au bout d'un moment là va peut-être falloir prévoir peut-être à l'avenir un budget pour de la maintenance avec moi que ce soit, et ça je pourrais à la rigueur vous chiffrer comme ça on pourra créer vraiment un périmètre sur mes interventions pour que vous sachiez vous ce qu'il vous reste à faire et moi sur quoi j'agis mais tout ce qui est purement visuel ou même l'intégration de futures formations ou fiches produits à l'avenir, si vous voulez vous en délester et conserver un résultat qui est cohérent et professionnel avec la boutique ou alors continuer à la faire vivre tout en conservant une DA que vous savez que je suis en mesure de de la perpétuer et de la faire évoluer.

Evidemment, moi, il n'y a pas de souci, je serais très content de pouvoir vous allouer un créneau hebdomadaire pour faire vivre la boutique et agir dessus pour vous suppléer dans votre travail, en tout cas côté web.

On aura le temps d'en reparler d'ici là, mais je pense sérieusement que si vous voulez, et c'était le but de cette refonte, c'était de passer à un niveau supérieur, je pense que là vous allez vraiment avoir besoin d'un coup de main récurrent pour la vie du site.

Encore une fois, je ne fais pas de rétention d'informations, je ne crée pas de dépendance à mes services, donc dans tous les cas, à la toute fin de la prestation, vous aurez des formations et vous serez en mesure de faire des modifications par vous-même.

Mais là on est arrivé à un stade de conception, de mise en forme conditionnelle qui ne sont plus d'un niveau débutant ou intermédiaire.

Donc encore une fois je pense que pour conserver une cohérence et un professionnalisme constant sur les différentes pages du site, et pas avoir de bugs ou de problèmes d'affichage parce qu'on a mal manipulé un bloc ou autre, ce serait vraiment dommage de passer à côté de ça.

Donc encore une fois, on aura le temps d'en reparler d'ici là, mais je pense que...

mon intervention ou de manière hebdomadaire ou mensuelle sur le site pour faire des grosses mises à jour ou des mises à jour ponctuelles en fonction de la fréquence que vous souhaitez sur le site, je pense que ça fera partie d'un indispensable à l'avenir, surtout si en plus il y a un deuxième site aussi à prévoir, si je peux vraiment être le référent constant, votre petit technicien de maintenance constant sur la boutique, moi je serais très content de travailler avec vous, c'est une collaboration qui matche bien.

Moi, vous me dites quelque chose, vous savez que ça va dans la direction que vous le souhaitez, 150.000 réitérations, donc je pense qu'il y a possibilité de, comment dire, à l'avenir créer un bon rythme de travail hebdomadaire ou mensuel pour faire vivre le site où cette partie là me serait complètement ou en partie déléguée pour que vous savez que c'est bien fait et on fait une réunion ensemble de façon hebdomadaire ou mensuelle, j'applique les mises à jour que vous souhaitez et comme ça, ça roule tout seul côté web dans l'affichage que vous souhaitez.

Mais encore une fois, on pourra en reparler d'ici là.

Merci de m'avoir écouté jusqu'au bout.

Encore une fois, j'attends vos retours, vos différentes annotations sur les PDF que je vais vous joindre.

N'hésitez pas à mettre à jour les textes, à poser des questions.

J'y répondrai volontiers.

Merci encore.

Passez une agréable fin de journée ou bonne journée, à quel moment, peu importe le moment où vous écoutez cette vidéo.

Et je vous dis à très bientôt.