Développement Web

Le projet concernait la création d’un site e-commerce avec la possibilité de choisir le thème de notre choix. Nous avons opté pour la pétanque et avons nommé le site Pétanque Sud, une boutique en ligne spécialisée dans les équipements de pétanque. La problématique était de concevoir un site performant et attractif, capable de convertir les visiteurs en clients. L’objectif était de se concentrer sur un design intuitif et d’optimiser le référencement naturel (SEO) pour améliorer la visibilité en ligne. Ce projet présente un intérêt majeur car il démontre notre capacité à développer une plateforme e-commerce complète en utilisant WordPress et le module Elementor. Il illustre également nos compétences en SEO et en design, essentielles pour attirer et retenir les clients dans un environnement compétitif. Ce projet a été réalisé dans le cadre de la SAÉ 401 durant le semestre 4 du BUT MMI à l’IUT, sous la supervision de M. Errante et M. Bitard. Le site Pétanque Sud a été développé en respectant les échéances fixées par la SAÉ 401. J’ai réalisé ce projet en duo avec Clément Iov. Mon rôle spécifique a été de prendre en charge l’ensemble du référencement du site (SEO) et de personnaliser le design des pages en utilisant le module Elementor sur le CMS WordPress. Clément s’est concentré sur d’autres aspects techniques et la gestion des produits. Apprentissages critiques : AC14.06 – Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC (S2) AC24.01 – Produire des pages et applications Web responsives AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement AC24.06 – Configurer une solution d’hébergement adaptée aux besoins

En première année de BUT MMI, j’ai eu l’occasion de faire un site vitrine avec le CMS WordPress qu’il fallait rendre à M. Vincent Errante dans le cadre du cours de Gestion de contenu. Ce DM a eu lieu au semestre 2 du BUT MMI. J’ai réalisé ce site avec le logiciel “Local”. Il permet de déployer des sites WordPress sans avoir à les installer sur un serveur d’hébergement en ligne. J’ai dû suivre plusieurs consignes afin de respecter les prérequis de ce travail sur WordPress. Pour ce faire, M. Errante nous a donné un wireframe que nous avons dû respecter le plus possible. Les consignes étaient les suivantes : Il faut un header correspondant au wireframe et affiché sur le site entier. Un footer correspondant au wireframe et affiché sur le site entier. Une page d’accueil correspondant au wireframe et configurée en tant que page d’accueil. Une page de contact correspondant au wireframe. Une page actualité correspondant au wireframe. 4 catégories d’articles au choix et deux sous-catégories au choix. Quatre articles créés avec Gutenberg ainsi qu’un menu comportant le lien vers les pages (accueil, actualité et contact). Nous pouvions choisir le thème de notre choix pour notre site ; j’ai donc choisi de faire un site sur l’anime Violet Evergarden. J’ai également personnalisé un modèle d’article pour créer une cohérence entre la mise en page de chaque article (voir slide 4). Puisque je devais respecter des consignes strictes, il n’y a pas vraiment d’améliorations que j’aurais pu faire pour améliorer ce site.