Mes missions sur les sites e-commerce
Ma plus grosse mission pendant ce stage a été de finaliser le site e-commerce pour les particuliers ainsi que de mettre à jour et améliorer le site pour les professionnels. Cette mission a été très enrichissante, car j’ai pu appliquer mes connaissances sur WordPress tout en apprenant de nouveaux plug-in et techniques pour parfaire mes aptitudes. De plus, j’ai pu appréhender pour la première fois la partie WooCommerce ce qui a été une très bonne expérience pour moi.
Vous pouvez voir les sites internet via les liens ci-dessous
Réalisation d'un audit pour le site khoss.fr
Lorsque j’ai commencé sur WordPress, l’une de mes premières tâches consistait à réaliser l’audit complet du site web khoss.fr. Pour cela, j’ai utilisé les outils tels que Screaming Frog et Headings Map et les compétences acquises en cours. L’objectif central de cette mission était d’évaluer la convivialité et les performances globales du site. J’ai effectué une analyse de chaque composant, en mettant en lumière des aspects tels que l’architecture du site, la qualité des balises et la vitesse de chargement des pages. En utilisant Screaming Frog, j’ai pu explorer la structure du site et identifier les éventuelles erreurs de balisage et les liens rompus. Headings Map m’a permis de cartographier la hiérarchie des titres et d’évaluer la structure du contenu. Les points nécessitant des améliorations ont été répertoriés dans un google doc.
Ce document a été partagé avec le webmaster pour une évaluation approfondie. Il rassemble non seulement les tâches que j’ai entreprises, mais également celles qui nécessiteront une validation de sa part. De plus, j’ai listé les tâches restantes à accomplir pour optimiser le site de manière continue.
Création des visuels pour les produits B to C
Lorsque j’ai eu la charge de finaliser la production du site internet KHOSS Shop, j’ai dû créer des visuels produits. Pour réaliser cette tâche, j’ai utilisé l’application Photoshop et suivi les directives qui m’ont été fournies. Ma mission était d’avoir des images avec la même charte graphique que les visuels produits du thème PASSIM. L’entreprise m’a également fourni les images des produits déjà détourés pour effectuer ma mission.
La première étape a été d’améliorer la netteté des produits grâce à la fonctionnalité netteté optimisée du logiciel, mais aussi d’ajuster les paramètres pour la personnalisation des images. Ensuite, j’ai appliqué une ombre réaliste en utilisant l’option de flou gaussien disponible dans Photoshop, tout en ajustant soigneusement l’opacité pour obtenir le bon équilibre.
Cette expérience m’a permis de devenir plus à l’aise avec l’outil Photoshop et de développer une compréhension approfondie des techniques nécessaires pour produire des ombres réalistes ainsi que pour améliorer la qualité des images.
Ecriture des descriptions des produits
L’une des tâches les plus importante qu’il m’a été confiée sur le site internet consistait à créer des descriptions de produits optimisées pour les moteurs de recherches (SEO).
Pour réaliser ces textes, je devais tout d’abord m’informer sur le produit afin d’analyser ses caractéristiques et ses avantages tout en cherchant les points à cibler pour capter les clients. Je rédigeais ensuite des textes complets de plus de 300 mots ce qui correspond à une bonne longueur pour un texte SEO avec une hiérarchie efficace afin que le client se repère rapidement. J’ai également respecté la mise en place de mots-clés pertinents.
De plus, j’optimisais les titres et les balises méta grâce aux pratiques SEO apprises en cours pour augmenter les chances d’avoir un bon référencement. J’écrivais également un texte alternatif pour les images afin d’avoir un descriptif au cas où l’image ne s’afficherait pas. Enfin, j’ai veillé à indiquer toutes les informations du produit (taille, poids, quantité) pour que le client connaisse exactement les caractéristiques du produit.
Pour finaliser ces pages, j’ai mis en place une fonction de produits liés. Ainsi, sur la même page le client peut retrouver une routine complète sans devoir retourner sur la boutique à chaque fois. Pour m’aider dans la réalisation de ces textes, le plug-in ‘Yoast’ m’indiquait ce qui devait être amélioré pour optimiser au maximum la page. Pour parfaire le système de filtres que je vous présente plus loin, j’ai également dû mettre en place le système d’attributs et de catégories disponibles sur la page produit. Ainsi, les produits étaient bien caractérisés pour que le filtre soit fonctionnel.
Cette mission m’a permis de développer une compréhension approfondie des pratiques SEO et de leur impact sur la visibilité en ligne.
Création des produits variables
Au cours de mon stage, j’ai dû faire rentrer une nouvelle marque : ZenzOrganic sur le site KHOSS Shop. Cette marque comprenait la vente de produits avec des contenances différentes : 250 ml et 1 000 ml. Pour une expérience plus fluide pour le client, il fallait regrouper ces deux offres sur la même page produit. C’est pourquoi j’ai dû me familiariser avec la fonction de produits variables. J’ai commencé par créer des produits de base en incluant des informations telles que les noms, les descriptions et les images. Ensuite, j’ai ajouté des variations pour chaque taille, en personnalisant les détails tels que les prix spécifiques à chaque variation, les images associées et les niveaux de stock. Sur la page du produit, j’ai intégré des options de sélections interactives qui permettent aux clients de choisir la taille qu’ils souhaitent acheter. Ces sélections ont été conçues de manière à ajuster automatiquement les informations affichées, comme le prix et les images, en fonction de la sélection.
Implantation d'un système de filtres
Au cours de mon stage chez KHOSS Shop, j’ai eu l’opportunité de jouer un rôle clé dans l’amélioration de l’expérience des utilisateurs. Je devais mettre en place un système de filtrage pour les produits, en utilisant le plug-in ‘Product Filter by WBW’.
Pour ce faire, j’ai d’abord répertorié les critères pertinents tels que la catégorie, le prix, la contenance et les différents bienfaits pour le cheveu afin de proposer aux utilisateurs une manière intuitive et pratique de trouver des produits qui les intéressent. Ensuite, j’ai procédé à l’intégration du plug-in et je l’ai personnalisé pour qu’il corresponde aux critères vus précédemment, tout en veillant à ce que le design reste cohérent avec la charte globale du site.
Cette expérience m’a permis de parfaire mes compétences en développement web et en design d’interface afin d’offrir une expérience utilisateur plus conviviale et efficace.
Mise en place d'un check out personnalisé
Comme je l’ai évoqué lors de la présentation de la marque, KHOSS a choisi une approche de vente exclusive. Cette stratégie a été également appliquée lors de la création de la plateforme du site KHOSS Shop. Il est donc nécessaire de fournir un code salon ou les informations spécifiques au salon de coiffure pour effectuer des achats sur la boutique en ligne. Cette démarche assure que le partenariat exclusif avec les salons de coiffure reste intact, offrant ainsi la possibilité aux clients de commander les produits qu’ils ont testés en salon sans devoir y retourner.
Afin de permettre aux clients d’entrer leur code salon, des ajustements ont été apportés à la page paiement de WooCommerce. Étant donné que cette page est générée automatiquement par WordPress, l’intégration d’un plug-in dédié à la personnalisation s’est avérée nécessaire. J’ai donc utilisé la fonctionnalité ‘WooCommerce Commander directeur’, j’ai pu ajouter la fonctionnalité « Code salon ». Dorénavant, les clients sont désormais obligés de fournir cette information pour finaliser leurs commandes.
Ecriture des mentions RGPD
Pour respecter les réglementations en vigueur, l’intégration des dispositions conformes à la RGPD et la mise en place des cookies ont constitué une étape cruciale. J’ai été chargé de rédiger ces informations en utilisant les éléments qui m’ont été fournis. Pour cela, j’ai entrepris des recherches pour bien cerner le contenu attendu sur chaque page et j’ai étudié des exemples pour m’assurer de ne rien omettre dans ces directives.
J’ai également installé le plug-in ‘Cookie Notice & Compliance for GDPR / CCPA’ qui nous a permis de notifier aux utilisateurs l’utilisation des cookies et de leur offrir la possibilité d’accepter ou de refuser leur utilisation. Une page explicative concernant les cookies a également été générée afin que les utilisateurs puissent être pleinement informés.
Les mentions vont ensuite être revues par le webmaster après la fin de mon stage pour garantir qu’aucune information n’a été oubliée et pour vérifier l’exactitude du contenu. Au moment de la conception, j’ai reçu une première validation de la part de mon responsable afin de publier les pages.
Vous pouvez trouver les différents liens ci-contre pour y accéder.
Ajout sur les moteurs de recherche
Lorsque le site fut totalement opérationnel, j’ai dû le rendre visible sur les moteurs de recherche. Pour cela, il était essentiel de procéder à l’indexation des pages en utilisant l’outil Google Search Console. Cela nous permettait d’accélerer l’indexation automatique du site.
Chaque page était soumise à l’étude, et après plusieurs jours, trente-trois liens avaient été indexés avec succès. Cependant, trois pages n’ont pas été indexées. Il sera donc nécessaire de chercher les raisons et de soumettre une nouvelle demande ultérieurement.
En finissant le processus d’indexation, j’ai également pu intégrer le plug-in ‘Google sit kit’ afin d’ajouter Google Analytic sur le site KHOSS Shop. Cela a permis d’analyser le trafic des utilisateurs ainsi que le nombre de clics, il est important de noter que l’activité commerciale de l’entreprise dans le secteur du B to C vient de démarrer. Il faudra donc du temps pour que le site puisse gagner une visibilité optimale sur les moteurs de recherche.
J’ai aussi étoffé le fichier robots.txt afin que les moteurs de recherche n’indexent pas les pages non-pertinentes afin de ne pas entraver le parcours des robots lors de l’analyse du site.
Lors de cette mission, j’ai pu appliquer mes connaissances que j’ai apprises lors des cours de marketing digital.
Mise à jour des box tests sur le site
Après avoir finalisé la mise en ligne du site KHOSS Shop, j’ai débuté les mises à jour identifiées lors de l’audit fait en début de stage.
Durant cette période, une problématique récurrente est survenue lors de la réception des commandes pour les box tests. L’ajout de la box test sur le site ne déduisait pas automatiquement les produits des stocks disponibles. Cela nécessitait une suppression manuelle de chaque produit, ce qui engendrait une perte de temps, mais aussi des erreurs de stocks en cas d’oubli.
En cherchant des solutions, j’ai découvert la fonctionnalité des produits composites grâce au plug-in ‘WPC composite products for WooCommerce’.
Cette extension permettait de mettre en place un système de box. Ainsi, lorsqu’un client passait commande, les produits inclus étaient automatiquement déduits des stocks. Cette fonctionnalité s’est avérée idéale pour enlever les 5 produits de la box haircare en une seule fois et pour les 2 nuances de la box coloration. Même si le client remplissait le BAT, il suffisait que l’un de nous fasse la commande directement sur le site pour lui pour enlever les produits des stocks. Les erreurs ne pouvaient plus se produire.
Cependant, une problématique restait en suspens pour les box colorations. Étant donné que nous utilisions des flacons tests, ils ne devaient pas se soustraire aux stocks. Néanmoins, le client devait choisir les gammes qu’ils souhaitaient tester. Pour résoudre ce problème, le plug-in ‘Flexible Product Fields’ a été mis en place. Grâce à lui, nous avons pu intégrer une sélection de critères via des boutons radios. Ainsi, la sélection des gammes pouvait être effectuée sans impacter les niveaux de stocks.
Après avoir mis en place cette page, elle a été validée par notre responsable. Vous pouvez maintenant accéder à la page coloration et haircare via les liens ci-contre. Veuillez noter que vous ne pourrez pas sélectionner les produits comme illustrés ci-dessous, car cela requiert un compte pour passer commande.
Réadaptation de la page coloration
Au début de mon stage, la première, problématique discutée sur le site KHOSS concernait la page dédiée à la coloration. Le problème résidait dans le fait que les clients devaient passer des commandes distinctes pour chaque nuance, ce qui entraînait une augmentation du nombre de clics nécessaires et rendait fastidieuse la phase de recherche.
À la fin de cette période, avec l’acquisition de mes nouvelles compétences sur WordPress, j’ai entrepris de trouver une nouvelle approche pour simplifier le processus de commande.
En exploitant le plug-in sur les produits composites, j’ai réussi à créer un produit unique appelé coloration regroupant toutes les nuances. En activant la sélection multiple et la personnalisation des quantités, ce plug-in permettait d’ajouter facilement toutes les colorations sur une seule page, organisées de manière similaire au book. Désormais, le client n’a plus qu’à indiquer les quantités souhaitées pour chaque couleur. Afin de finaliser la commande, il suffit d’ajouter le tout au panier au niveau du bouton en bas de page. Le client a donc réduit considérablement le nombre de clics qu’il doit faire pour commander ses colorations. Vous pouvez voir directement sur la vidéo ci-contre comment fonctionne ce nouveau dispositif (Pour des raisons de confidentialité, les prix ne sont pas affichés).
Bien que la page coloration ne soit pas encore mise à jour en raison des ajustements en cours, le responsable a validé le fonctionnement de cette mise en page à la fin de mon stage.
À la fin de mon stage, j’ai dû réaliser un dernier audit pour le site KHOSS Shop afin de savoir ce qu’il restait à faire et que je n’avais pas pu ou pas réussi à faire. De plus, j’ai fait la transmission des tâches que je n’avais pu finir aux autres stagiaires.
J’ai répertorié sur un document les missions qu’il reste tel que la traduction du check out ou la modification d’éléments directement dans le php. Pour le site KHOSS, j’ai également transmis les choses à terminer à mes collègues. Mes collègues ont donc la charge de créer des textes en respectant les normes SEO pour augmenter la notoriété du site. Le document partagé pour l’audit permettra également aux webmasters de vérifier mon travail et de savoir ce que je n’ai pas réussi à faire pendant mon stage.
Par la suite, il sera également nécessaire d’optimiser au maximum le site pour qu’il soit plus rapide et moins lourd comme optimiser les images, supprimer les pages inutiles, … .
Au cours de mon stage, j’ai travaillé avec plusieurs plug-in WordPress essentiels pour la gestion avancée d’une boutique WooCommerce. Grâce à des outils tels que « WPC Composite Products » et « Flexible Product Fields », j’ai acquis la capacité de créer des produits personnalisés complexes et de gérer des champs pour capturer des informations spécifiques. Le plug-in « Cookie Notice & Compliance » m’a permis de comprendre et de mettre en œuvre les réglementations de confidentialité, tandis que « WooCommerce Commander » m’a appris comment personnaliser une expérience d’achat final. Enfin, « Product Filter by WBW » a renforcé mes compétences en navigation conviviale et en optimisation de l’expérience utilisateur. Ce stage a élargi mon expertise dans la gestion de boutiques en ligne tout en me familiarisant avec des aspects clés tels que la personnalisation, la conformité et l’expérience client.