PRÉSENTATION DU SITE ET DE SES FONCTIONNALITÉS

PARTIE CLIENT

Le bandeau du haut : Menu général client

Il comprend un logo (accès à la page d'accueil), les "pages" : l'accès à la boutique, au panier, et autres pages
Sur la droite, il y a un menu 'Se connecter S'inscrire' (précisions plus loin). Au milieu, figure sur certaines pages un menu 'rechercher' accédant directement aux produits concernés.

Le Responsive-Design: Menus et présentations ont été élaborés en prenant en compte le mieux possible la taille de l'écran.

La page d'accueil : La page d'accueil comprend une image d'accueil et une liste des actualités et promos en cours. Articles et promos sont proposés de manière aléatoire. On peut aussi les présenter en carousel.

La boutique : La page boutique présente la liste des produits.

  • Dans le bandeau du haut : Possibilité de rechercher un nom de produit
  • A gauche : menu vertical ➭ tri des produits par nom, par popularité et par prix ; filtre par catégorie ; dans le bas, possibilité de se connecter ou de s'inscrire
  • En haut à droite sous le bandeau : nombre d'articles dans le panier ; accès possible au panier
  • Grille bootstrap des produits disponibles triés par id par défaut, filtrés ou triés selon le choix du menu latéral
  • Pagination
  • Informations résumées du produit, image du produit, promotions en cours
  • Est indiqué les produits déjà dans le panier et les ruptures temporaires
  • Incrémentation du nombre de visite en arrivant la première fois sur cette page.
  • Ajout et accès au panier, ou accès 'plus d'infos' vers une présentation plus détaillée du produit

Détail d'un produit : Présentation plus détaillée d'un produit

  • Description plus détaillée du produit ; image plus grande ; effet loupe
  • On peut introduire une quantité.
  • Promotion avec prix barré et prix effectif.
  • Stock disponible
  • Indication note 'étoilée' de 0 à 5 ; affichage de la liste des avis en dessous
  • Pour les personnes connectées, possibilité de rajouter un avis
  • Incrémentation de la popularité à chaque accès à ces présentations détaillées

Panier > Connexion > Adresses > Livraison > Paiement : Création progressive de la commande

    Récapitulatif > = le panier

  • Un bouton en haut à gauche ouvre le menu latéral (produits, tri, filtre, connexion/déconnexion)
  • Un bandeau Panier > Connexion > Adresses > Livraison > Paiement permet de visualiser la progression en se colorant progressivement. Un accès direct est possible pour les parties accessibles au fur et à mesure de la progression.
  • Le panier : possibilité de modifier les quantités sur n'importe quel produit du panier
  • Incrémentation de la popularité à chaque accès au panier : celà peut donc doubler la popularité si le client est d'abord passé par le détail/présentation du produit, ce qui n'est pas sans intérêt.
  • Possibilité de retour à la boutique pour rajouter un produit (retour à la page quittée avec conservation des choix de tri ou de filtre) ou aller plus loin vers la commande
  • Connexion >

  • La connexion : en validant le panier pour aller plus loin, si la connexion n'est pas encore établie, on est redirigé vers le module de connexion/inscription
  • La connexion/inscription peut aussi se faire depuis le menu du haut à droite, ou dans le menu latéral, en bas.
  • Le menu connexion/inscription utilise fosUserBundle. Il permet la connexion avec username et mot de passe, l'inscription avec username, adresse e-mail et mot de passe, le mot de passe oublié avec envoi d'un mail.
  • Adresse > : création et validation des adresses de facturation et livraison

  • Adresses (accès direct ou après connexion) : récupération des adresses de facturation et livraison ; possibilité de rentrer une nouvelle adresse ; possibilité de limiter la nouvelle adresse à la simple livraison ou simple facturation
  • Possibilité de retour au panier ou aller plus loin dans la commande
  • Livraison > Partie 1 : choix du mode de livraison

  • Livraison : un calcul est effectué des frais de port selon quelques tarifs, et les dimensions et poids probables du colis. On peut ainsi choisir entre 2 ou 3 modes de livraison possibles.
  • Une option est proposée pour Mondial Relay, avec intégration de l'API Mondial Relay (recherche du lieu de livraison)
  • Retour encore possible en arrière, mais il faudra revalider le nouveau calcul éventuel des frais de port
  • Livraison > Partie 2 : validation de la commande

  • Validation de la commande : l'étape suivante reprend le panier et les frais de port ; pour aller plus loin, il faut accepter les CGV et valider
  • Paiement > Partie 1 : choix du mode de paiement

  • Mode de paiement : on choisira entre règlement immédiat par CB ou par Paypal, ou différé par virement ou par chèque ; à ce niveau, les stocks 'virtuels' sont diminués à hauteur des quantités commandées.
  • En cas de règlement immédiat, un factice de la banque ou de Paypal est proposé. La validation envoie vers un récapitulatif des commandes passées par le client. En cas de règlement différé, accès direct au récapitulatif, avec mention du règlement en attente.
  • Paiement > Partie 2 : récapitulatif des commandes passées par le client

  • La liste des commandes est affichée avec le statut de chacune d'elles. Un message est affiché annonçant le succès de l'enregistrement de la commande. Un mail est envoyé reprenant les éléments de la commande.
  • Il n'y a bien sûr plus la possibilité de retour en arrière ('précédent' retourne un message indiquant l'erreur)

PARTIE ADMINISTRATION

Accès : Un code username / mot de passe permet de rajouter 'Administration' dans le menu latéral. Clic dessus pour accéder à la partie administration.

Ce site ayant un rôle de démonstration, les codes d'accès à la partie administration peuvent vous être fourni en adressant un mail avec vos coordonnées. Une partie restera cependant protégée et non libre d'accès.

Menu du haut : Il est peu différent du menu client, mais comporte un accès 'Retour vers client'

Menu latéral : Il permet l'accès aux commandes et avis reçus, aux produits, réassort, fournisseurs, catégories, ...etc. Il indique par ailleurs le nombre de commandes nouvelles et en cours, le nombre de nouveaux avis reçus, les ruptures éventuelles ou proches

Commandes en cours : Affiche un tableau récapitulatif des commandes en cours, leur statut et leur progression


Pour une commande donnée, on va ainsi disposer des informations et actions suivantes :

  • Date et référence de la commande, client (username + nom et prénom)
  • Validé : 1 ; 0 en cas d'erreur du traitement final au momment du paiement
  • Payé : payé (CB ou Paypal) ou attente règlement (virt ou chq) et clic=>payé à réception
  • Préparé : (à) préparer, ou clic=>préparé et envoi d'un mail 'préparation en cours' ; le stock réel est diminué des quantités
  • Livré : (à) livrer, ou clic=>livré et envoi d'un mail 'livraison en cours'
  • Voir BL : accès à un pdf Bon de Livraison =>imprimer
  • Voir Fact : accès à un pdf Facture =>imprimer
  • Archivé : (à) archiver, ou clic=>la commande sort de cette liste ; elle reste accessible dans 'commandes archivées'
  • Annuler : en cas de rétractation du client ou autres situations particulières

Compteur de visites : Ce petit tableau, placé sous la liste des commandes, fournit 3 éléments utiles :

  • Le traditionnel 'Nombre de visites' = nombre de visites cumulées depuis l'origine
  • Un total des visites de la semaine passée, qu'on peut comparer à la semaine précédente
  • Un total des visites des 4 semaines passées, qu'on peut comparer au total pour les 4 semaines précédentes

Ainsi, on dispose d'un outil permettant de vérifier l'impact d'une action commerciale ou d'une modification du référencement.


Validation des avis reçus : Affiche un tableau des avis reçus : produits, note, titre et commentaire ; on peut valider, modifier ou supprimer chaque avis.


Liste des produits : Tableau listant les produits avec quelques informations importantes


On peut 'voir' chaque produit en détail, 'modifier' un produit, visualiser l'ensemble des 'avis' concernant ce produit.
On peut créer un nouveau produit.

Promo sur produits : Permet de lister les promotions, supprimer les promos passées, créer de nouvelles.


Réassort : Ce tableau très complet fournit tous les éléments nécessaires permettant de juger de la nécessité du réassort :



On trouvera ainsi, classé par fournisseur :

  • un cadencier des ventes, indiquant chaque mois les quantités vendues (livrées + non livrées)
  • la popularité du produit
  • le stock réel (physiquement présents = commandes non préparées non déduites)
  • le stock virtuel (commandes non encore préparées déduites)
  • Une coloration en orange pour les stocks en dessous de la moyenne des ventes
  • Une coloration en jaune sur fond rouge pour les ruptures
  • Un icône 'imprimante' accède à un document pdf imprimable, rempli avec tous ces éléments sauf le réassort.

Démarque : Permet de retirer des stocks les articles abîmés ou impropres à la vente.


Inventaire : Permet de rentrer l'inventaire des stocks, d'abord provisoire (avant corrections éventuelles des erreurs de comptage), puis définitif.


Avis validés : Liste des avis reçus


Article : Permet de rentrer un nouvel article (informations, évènements, ...)


Catégorie de produits : Permet de rentrer une nouvelle catégorie


Fournisseurs : Permet de rentrer un nouveau fournisseur, de modifier les coordonnées ou supprimer un fournisseur


Tarifs de frais de port : Permet de rentrer ou mettre à jour un tarif de frais de port (actuellement : La Poste - France, et Mondial-Relay - France


LA GESTION DES STOCKS


La gestion des stocks est un élément délicat et très important pour un site en ligne : imaginez les conséquences d'un vendeur de jouets tombant en rupture le 15 décembre !

Aussi, plusieurs points permettent d'éviter ce désastre et d'éviter en conséquence d'avoir à gérer plusieurs centaines d'avoirs chaque jour :

  • On distingue le stock réel = physique, présent dans l'entrepot, et le stock virtuel, déduction faite des stocks "réservés" dans les commandes passées et validées.
  • En amont, côté administrateur, le menu latéral indique les ruptures, mais aussi les stocks atteignant le niveau moyen des ventes mensuelles (on pourrait aisément différencier ce paramètre selon le fournisseur, selon le rythme des commandes : 2 mois pour l'un et 15 jours pour un autre)
  • Un tableau permet le réassort des stocks par fournisseur ; pour aider ce réassort, il indique le stock réel et le stock virtuel de chaque produit, les stocks en rupture ou proches de l'être, la popularité du produit et les ventes de ce produit dans un cadencier mois par mois.
  • Si un produit vient à être en rupture sur une longue durée, il peut être mis "non disponible" et ne sera plus proposé au public jusqu'à être à nouveau re-basculé "disponible".
  • Lors de sa commande, le client visualise les produits disponibles ; il lui est signalé les produits éventuellement en rupture momentanée. Dans la présentation détaillée, la quantité disponible est indiquée.
  • La quantité mise dans le panier ne peut être supérieure au stock virtuel restant.
  • Le stock virtuel est une dernière fois testé au moment de valider la commande.
  • Une fois la validation et le paiement (direct ou différé) effectués , les stocks virtuels sont diminués des quantités commandées. Le stock réel n'est pas affecté.
  • En aval, côté administrateur, la commande validée et payée est traitée pour la préparation. Les stocks mis dans le colis sont déduits des stocks réels.
  • Si un produit s'avère cassé ou défectueux, il est "démarqué" et donc déduit des stocks (réels et vituels)
  • Il se peut alors que cette démarque implique la gestion d'un avoir sur la commande en cours ou sur une commande validée à traiter par la suite. Le problème est signalé : la dernière commande concernée est signalée. L'avoir ou le réassort devra être alors géré rapidement.
  • Si le stock réel est insuffisant pour préparer la commande, un mail est envoyé automatiquement au client lui exposant la situation et son choix entre remboursement ou livraison différée.
  • En cas de rétractation, la commande est annulée : stocks virtuels et éventuellement stocks réels sont restaurés des quantités commandées.
  • Si, malgré toutes ces protections, une anomalie conduisait à un stock virtuel erronné, un ré-ajustement peut se faire.