Version du site : V4.0
Date : 18/12/2024
Equipe : 1A-1
Client : BuildMyPC
Projet : Site web e-commerce
L’équipe était composée de cinq membres avec les rôles suivants :
-
Romain : Product Owner et Développeur
-
Kilian : Développeur
-
Titouan : Développeur
-
Pablo : Développeur
-
Hugo : Scrum Master et Développeur
Le projet a pour objectif de développer une solution e-commerce pour l’entreprise BuildMyPC, spécialisée dans la vente de composants informatiques et d’ordinateurs montés. L’entreprise souhaite élargir son marché en passant d’un modèle B2B à une offre B2C, ciblant les particuliers pour augmenter sa visibilité et sa part de marché en Europe.
Problématique : Garantir la fiabilité et l’efficacité du site web de e-commerce afin d’optimiser l’expérience utilisateur, d’améliorer la gestion des commandes et de répondre aux besoins des clients de manière rapide et intuitive, tout en respectant les contraintes techniques et opérationnelles.
Objectif :
Validation technique :
-
Assurer le bon fonctionnement de la navigation sur le site, y compris sur différents navigateurs et appareils (desktop, mobile).
-
Vérifier l’intégration des bases de données pour le stockage des produits, commandes, et comptes utilisateurs.
Expérience utilisateur :
-
Concevoir une interface ergonomique et intuitive pour permettre une navigation fluide et efficace.
-
Mettre en place des fonctionnalités essentielles, telles que la recherche par catégorie, les filtres, et un processus de commande simplifié.
Affichage et contenu :
-
Garantir un affichage rapide et cohérent des pages produit, des descriptions, et des visuels, même en cas de forte affluence sur le site.
-
Optimiser le contenu pour une meilleure accessibilité et un référencement naturel (SEO) performant.
Fonctionnalités clés :
-
Tester les mécanismes de gestion des paniers, des paiements sécurisés et des confirmations de commande en temps réel.
-
Implémenter des outils de suivi des commandes et de communication avec les clients (notifications, suivi des livraisons).
Robustesse et sécurité :
-
Renforcer la sécurité du site web pour protéger les données sensibles des utilisateurs (RGPD, protection contre les attaques).
-
Garantir la disponibilité et la stabilité du site face à des pics de trafic ou à des interruptions techniques.
Alignement avec les objectifs de l’entreprise :
-
Créer un site qui reflète les valeurs et les objectifs commerciaux de BuildMyPC.
-
Permettre une gestion efficace des stocks et des commandes pour soutenir la croissance de l’activité e-commerce.
Pour des informations supplémentaires :
-
Documentation technique : Lien
-
Page d’accueil
Pour lancer le site, il vous faudra entrer l’une des URL suivante:
Ou celle-ci:
Vous voila arriver sur la page d’accueil du site BuildMyPC.
-
Recherche de produits
Pour rechercher un produit, vous pourrez utiliser la barre de recherche située dans la partie supérieure de la page d’accueil.
Une fois votre recherche tapée, vous avez le choix de supprimer la recherche ou de la valider. Pour valider, le bouton est fonctionnel, tout comme la touche "ENTRÉE".
Vous voilà désormais sur la liste des produits correspondant à votre recherche. Ici, un seul produit correspond à votre recherche.
Sur cette page, vous pouvez également affiner votre recherche en utilisant des filtres :
Vous avez ensuite la possibilité de trier les résultats selon plusieurs critères :
-
Catégories de produits
Pour les catégories, vous pouvez les voir en haut de votre écran, sous la barre de recherche.
En survolant ces catégories, certaines afficheront un menu déroulant vous permettant de chercher dans les sous-catégories qui vous intéressent :
Sur la version mobile, les catégories seront accessibles depuis le bouton situé en haut à gauche de votre écran. De la même manière, vous pourrez cliquer sur les catégories qui vous intéressent.
Puis:
Sur la page d’accueil, vous avez aussi ces pannels cliquables:
-
Page de détails du produit
Depuis la page d’accueil ou la liste des produits, vous pouvez cliquer sur un produit pour afficher ses détails, vous arrivez alors sur une nouvelle page qui détaille le produit.
Quand on descend dans la page, on à accès à d’autres informations sur le produit telles que un description et, si le produit est un pc monté, la liste de ses composants.
Si le produit n’est pas composé d’autre produits, la liste n’est pas affichée.
Comme vous pouvez le voir sur l’image ci-dessus, un produit peut aussi posséder plusieurs images.
Si l’on descend encore plus, on peut trouver les avis d’autres clients sur le produit et parfois, des réponses d’un employé. Vous ne pouvez pas écrire d’avis sans être connecté et avoir acheté le produit au moins une fois.
Il est aussi possible d’ajouter une image à l’avis et de le modifier après l’avoir écrit.
Enfin, au bas de la page, on trouve une liste des produits similaire à celui consulté.
-
Formulaire de connexion
Si vous cliquez sur le bouton compte ou panier de la page principale (1) en n’étant pas connecté, vous serez redirigé vers le formulaire de connexion (2) ou vous serez invité à entrer l’adresse email ainsi que le mot de passe du compte auquel vous souhaitez vous connecter.
En cas d’erreur ou si le compte est désactivé, le formulaire vous le signalera via des messages rouges (3,4,5) présents sous les cases de connexion associées.
Si vous avez saisi une adresse email et un mot de passe valide, vous serez renvoyé vers la page d’accueil où vous pourrez voir le bouton Compte en couleur avec le nom que vous avez saisi lors de la création de votre compte (6).
Si sur le formulaire, vous souhaitez revenir à la page principale depuis le formulaire de connexion sans vous connecter, vous pouvez cliquer sur la flèche "back" (7) pour revenir en arrière.
Pour pouvoir accéder au formulaire de création de compte depuis le formulaire de connexion, vous devrez cliquer sur le mot "ici" (8) mis en surbrillance.
(1 : bouton compte et panier)
(2 : formulaire de connexion)
(3 : erreur identifiant incorrect)
(4 : erreur mot de passe incorrect)
(5 : erreur compte désactivé)
(6 : connexion réussite)
(7 : retour sur la page principale)
(8 : acces au formulaire de création de compte)
-
Formulaire d’inscription
Une fois que vous avez cliqué sur le bouton d’accès au formulaire d’inscription (8 du précédent), vous serez amené sur la page du formulaire d’inscription (1). Pour pouvoir remplir correctement le formulaire, vous devrez suivre les instructions indiquées dans les bulles. En cas d’erreur, le formulaire vous renverra une erreur une fois la demande de création effectuée en fonction de l’erreur effectuée (2,3,4). Précision pour le numéro de téléphone, si votre numéro de téléphone n’est pas français, vous devrez d’abord cliquer sur le petit drapeau à gauche (5) puis sélectionner votre pays (6). Une fois cela fait l’instruction dans la bulle changera pour s’adapter au numéro de téléphone de votre pays, vous devrez alors rentrer votre numéro AU FORMAT NATIONAL (7) pour que notre formulaire le convertisse manuellement. Si tout c’est bien passé, vous devrez être redirigé sur l’index avec l’icône compte changé pour y voir apparaître votre nom (8).
(1 : formulaire de création de compte)
(2 : erreur, numero de téléphone)
(3 : erreur, mail)
(4 : erreur, mot de passe)
(5 : balise drapeau)
(6 : formaulaire selection drapeau)
(7 : exemple de numero de téléphone valide)
(8 : création réussite)
-
Consultation du compte
Lorsque vous êtes connecté, l’icône "Compte" s’affiche en couleur avec votre nom. Vous pouvez cliquer dessus pour voir deux options :
La première option vous permet de consulter votre profil, tandis que la seconde vous permet de vous déconnecter.
Une fois le bouton "Voir profil" cliqué, vous arrivez sur cette page contenant vos informations personnelles :
Vous pourrez cliquer sur le bouton "Modifier" :
Cela vous permettra de changer vos informations personnelles, ainsi que vos informations de livraison (votre adresse) :
-
Sécurité
La section "Sécurité" vous permettra de changer votre mot de passe :
De même, vous pouvez modifier votre mot de passe en cliquant sur le bouton. Bien évidemment, celui-ci sera enregistré de manière sécurisée.
-
Panier Pour accéder à l’onglet "Panier", il faut cliquer sur l’icône correspondante en haut à droite de l’écran. Vous devez bien sûr être connecté et avoir ajouté un produit au panier.
Une fois sur la page, vous trouverez vos articles présents à gauche, une section "Points de fidélité" et le total de la commande.
Pour modifier la quantité souhaitée, il faut cliquer sur les boutons "+" ou "-". La quantité maximale est automatiquement limitée au stock disponible.
Pour commander, il faudra cliquer ici :
Une fois le bouton "Commander" cliqué, il vous sera demandé de saisir l’adresse où vous souhaitez être livré. Si votre adresse enregistrée par défaut ne vous convient pas, vous pouvez bien évidemment la changer pour cette commande.
Vous aurez ensuite le choix parmi 3 moyens de paiement. Partons du principe que vous choisissez PayPal :
Vous devrez remplir les informations si vous ne les avez pas déjà enregistrées sur le site auparavant.
Il y a deux boutons : "Valider" pour payer sans enregistrer.
Ou bien "Enregistrer et valider" pour enregistrer la méthode de paiement pour les commandes ultérieures.
Finalement, un pop-up de validation apparaîtra pour confirmer.
-
Historique des commandes
En cliquant sur la section "Historique des commandes", vous arriverez ici :
Vous verrez toutes vos commandes passées précédemment, et en cliquant sur "Détails commande", vous pourrez voir les articles commandés.
Voici l’interface que vous aurez :
-
Points de fidélité
Pour le programme de fidélité, vous avez une page dédiée avec vos points affichés, une explication du fonctionnement et un historique des gains et utilisations de vos points.
-
Historique de navigation
Votre historique de consultations est disponible pour les 16 derniers articles visualisés.
Plus précisément, chaque article possédera ses attributs, ainsi que la date et l’heure de consultation. Vous aurez également la possibilité de le supprimer de votre historique de consultation.
Pour toute question ou assistance, veuillez contacter notre support client à l’adresse suivante: support@buildmypc.com