Améliorer le site web
La deuxième mission qui m’a été confiée consistait à améliorer le site web dans son ensemble. J’ai d’abord procédé par une analyse du site, en faisant une prise de note de ce qui pouvait être amélioré ou à refaire.
Ce que j’ai pu relever en premier, le menu qui était trop imposant sur la page, il y avait trop d’éléments. C’était certainement le point principal à améliorer. Nous avons réfléchi à un menu plus léger afin qu’il soit plus discret sur la page.
Voici le menu initial :
Nous avons décidé de réunir plusieurs éléments ensemble afin de réduire la taille du menu et de simplifier la navigation des clients. Par exemple, les catégories “les cadeaux de fin d’année scolaire”, “Fête des papas”, “Fêtes des mamans” seront tous réunis dans une catégorie “Idées cadeaux”. Un autre exemple, “Décoration” et “Produits ménagers / maison” seront intégrés comme sous-catégorie d’une catégorie “Maison” que nous créerons. Nous avons réuni plusieurs éléments ensemble (en faisant un schéma afin de mieux visualiser) et voici le résultat du nouveau menu :
Voici le schéma qui a servi à créer le menu, il contient toutes les catégories et sous-catégories :
Tout le menu a été refait ainsi que les intitulés de chacune des catégories, tandis que d’autres ont été créés afin de mieux organiser et classer les produits.
Ensuite, j’ai créé un carrousel car sur la page d’accueil il y avait un widget qui présentait une sélection de produits. Sauf que celui-ci présentait toujours les mêmes produits, et il n’y avait pas possibilité de tourner les pages. Voici ce qu’il y a sur la page d’accueil :
J’ai repris l’idée pour la transformer en un carrousel. Voici le carrousel que j’ai créé (un carrousel brouillon) :
Ce carrousel m’a permis d’en faire un tutoriel pour ma tutrice afin qu’elle puisse le réaliser sans difficulté dans le futur.
Par la suite, j’ai travaillé sur un filtre qui était présent sur toutes les pages du site. J’avais noté de le supprimer car ce filtre reprenait tout simplement chaque catégorie présente dans le menu sous forme de Checkboxes. Voici un aperçu du filtre :
Le filtre était assez long et cela faisait une répétition avec les catégories / sous-catégories déjà présentes en haut. De plus, le filtre ne fonctionnait pas correctement.
Tout d’abord, j’ai essayé de le retirer sur la page qui servait de base à toutes les pages des catégories, sauf que celui-ci ne s’est pas retiré partout. J’ai donc essayé de supprimer le filtre en espérant qu’il disparaisse de toutes les pages. Mais cela n’a pas fonctionné.
La seule solution qui me restait en tête était de désactiver le plugin du filtre afin de pouvoir désactiver tout filtre. Sauf qu’après désactivation, le filtre était toujours en place.
J’ai effectué des recherches sur internet pour pouvoir le retirer mais sans résultat. Puis j’ai décidé de vider le cache du site car je faisais certains tests qui peuvent encombrer, et c’est à partir de ce moment que le filtre s’est retiré.
Il ne s’était pas retiré au départ car suite à la désactivation du plugin je n’avais pas vidé le cache. Un plugin permet de le nettoyer et affiche un message lorsqu’il est conseillé de le vider (plugin WP Rocket).
Après suppression de ce filtre, il m’a été confié de créer un nouveau filtre pour l’ensemble des loisirs, afin de pouvoir trier selon les âges. Je me suis donc servi de l’extension citée plus haut afin de créer ce filtre. Mais pour l’afficher seulement sur certaines parties du site, j’ai créé des pages manuellement pour y mettre le filtre.
Ensuite, ma tutrice devait instaurer une fenêtre qui indique une restriction d’âge car sur le site, il y a des produits contenant de l’alcool et donc qui ne sont pas destinés aux mineurs. J’ai donc tenté de créer un pop-up à l’aide de plusieurs plugins différents. Malheureusement, il y avait plusieurs problèmes : pop-up qui ne s’affiche pas ; pop-up qui s’affiche sur tout le site au lieu de s’afficher seulement sur les pages concernées ; personnalisation du pop-up restreint ; plugin payant.
N’ayant plus d’autres solutions, j’ai créé le pop-up ainsi que les paramètres manuellement. Cela a permis d’avoir un pop-up personnalisé qui s’affiche seulement sur les pages interdites aux mineurs.
Le pop-up permet de vérifier l’âge de l’utilisateur et s’il n’a pas l’âge demandé, il est redirigé vers la page d’accueil.
Ma tutrice souhaite faire de son site Idées et Saveurs un e-commerce dans le futur, car actuellement le site permet de faire une commande que l’on récupère sur place. Elle m’a confiée la tâche de l’aider à préparer la transition vers la vente en ligne, précisément pour les expéditions de colis.
J’ai commencé par faire des recherches sur son site, afin de voir s’il y a déjà une possibilité de paramétrer les expéditions de colis. Cela était réalisable mais il n’était pas possible de choisir le service de livraison, ni de paramétrer les prix. Je me suis inspiré de son ancien site e-commerce Idées en Kit qui possédait déjà le service de livraison. J’ai repris une licence qu’elle possédait qui provient d’un service de livraison et je l’ai intégrée à Idées et Saveurs. Cette licence s’utilise sous forme d’extension qui est assez complète mais qui est payante à l’année. Mais lors de mes recherches sur Idées en Kit, j’ai trouvé une autre extension nommée Boxtal, qui permettait l’expédition des colis avec plusieurs services de livraisons à disposition.
Cette autre extension permet d’avoir plusieurs transporteurs différents, et est tout aussi complète que la première. L’avantage est que celle-ci est gratuite. J’ai fait plusieurs tests avec celle-ci afin de déterminer son efficacité, les résultats sont satisfaisants. J’ai donc supprimé l’autre extension pour celle-ci.
Diverses modifications ont été effectuées : modifier les catégories de produits ; modifier la mise en page des produits ; rectifier divers problèmes avec les réseaux sociaux ; ajout de widget.
Plusieurs plugins ont été testés durant ces missions afin de répondre à la demande. Des recherches et de la documentation ont été nécessaires pour en apprendre davantage sur les plugins présents et ceux qui ont été ajoutés.