Aller au contenu
timaubTimothée Aubourg

Réalisations / Site vitrine d'un magasin d'outillage

Site vitrine

Site vitrine d'un magasin d'outillage

Site de 5 pages pour un magasin d'outils de bricolage : un catalogue filtré par rayon et une demande de produit préremplie.

Le besoin

Une nouvelle entreprise de vente d'outils de bricolage veut un site vitrine rapide, lisible sur ordinateur, sur tablette et sur téléphone.

Ce que j'ai construit

Cinq pages : accueil, outils, présentation, contact, mentions légales.

Douze fiches d'outils, filtrées par rayon, avec un prix « à partir de » et la mention « En stock » ou « Sur commande ».

Sur chaque fiche, « Demander ce produit » ouvre le formulaire de contact déjà rempli, avec le bon rayon.

Démonstration réalisée pour une annonce : le magasin, les prix, les stocks et les avis sont inventés, et des dessins tiennent la place des photos.

À essayer dans la démo

  1. Sur la page des outils, choisissez un rayon : la liste se réduit.
  2. Cliquez « Demander ce produit » sur une fiche : la demande arrive préremplie dans le formulaire.
  3. Regardez les fiches : chacune dit si l'outil est en stock ou sur commande.
Sous le capot

Ce que j'ai vérifié

  • Le rayon choisi se lit aussi dans l'adresse : un lien peut ouvrir directement un rayon.
  • La demande de produit reprend le nom de l'outil et son rayon.

Simulé dans la démo

  • Le formulaire n'envoie rien.

Lighthouse 100 partout, sur les cinq pages. Regardée dans Chrome sur ordinateur et dans WebKit, le moteur de Safari, sur téléphone : ni erreur ni débordement.

En images

La démonstration en captures

Les outils : le filtre par rayon et les premières fiches.
Les outils : le filtre par rayon et les premières fiches.
Une demande arrivée depuis une fiche, déjà remplie.
Une demande arrivée depuis une fiche, déjà remplie.

Décrivez-moi votre besoin