PortfolioRobinetterie Agnel

Description de l'expérience

Site vitrine conçu pour un professionnel de la robinetterie, avec pour objectif de présenter l'ensemble du catalogue produits de manière claire et structurée, mais sans vente en ligne. L'enjeu principal était de donner au professionnel une autonomie totale sur la gestion de son contenu, sans dépendance technique pour les mises à jour du quotidien. Le site s'articule autour d'une architecture pensée pour faciliter la navigation : une page d'accueil offrant une vue d'ensemble et des accès rapides, des pages par catégorie et par collection pour organiser le catalogue, une page dédiée à chaque produit présentant l'ensemble des informations disponibles (prix, références, dimensions, photos, descriptions, ...) et enfin des pages fournisseurs permettant de valoriser les partenaires. En parallèle du site public, un back office complet a été développé, permettant au professionnel de gérer en totale autonomie l'ensemble de son catalogue, du produit pur, à la catégorie ou encore aux horaires d'ouverture du professionel, liens, réseaux sociaux, etc. L'objectif était de livrer un outil suffisamment intuitif pour que le client puisse prendre la main sans formation particulière.

Mots clés

• Front-End
• Backoffice
• Next.JS, Angular, Firebase
• Vercel
• OVH

Missions et détails

• Réalisation du backofficeDéveloppement

  Le back office a été développé en Angular, déployé en tant qu'instance séparée du site vitrine, un choix cohérent avec la nature applicative de l'outil, Angular étant particulièrement adapté à ce type d'interface riche et interactive. La gestion des données repose sur Firebase, retenu pour sa simplicité de mise en place et sa capacité à répondre aux besoins actuels sans nécessiter une architecture backend dédiée. Le volume de données restant à ce stade raisonnable, cette approche s'est avérée suffisante, même si une évolution vers une architecture plus robuste reste en réflexion pour l'avenir.

  Les besoins ont été cadrés en amont avec le client afin de cibler précisément les éléments nécessitant une gestion autonome. L'outil offre un tableau de bord centralisant la saisie et l'enregistrement des données, permettant de modifier facilement l'ensemble des informations du catalogue : produits, collections, fournisseurs, prix, photos, références, dimensions, .... L'objectif était de livrer une interface intuitive et complète, donnant au professionnel une maîtrise totale de son contenu sans dépendance technique.

  L'application est hébergée sur Vercel.

  • Backoffice
  • Angular
  • Firebase
  • Vercel
  • Autonomie
• Réalisation du site webDéveloppement

  Le site a été pensé et conçu en collaboration avec le client, de la structure des pages à l'organisation de la navigation, afin de coller au plus près de ses besoins et de son activité.

  L'ensemble du contenu est dynamique, piloté directement par les données saisies via le back office : l'affichage des produits, des collections et des fournisseurs, mais aussi la navigation elle-même, qui s'adapte en temps réel aux éléments disponibles. Le site est connecté directement à Firebase pour la récupération des données.

  Next.js a été retenu pour ses capacités de rendu côté serveur (SSR), garantissant un affichage rapide et une bonne indexation des pages pour le référencement naturel. Une stratégie de cache navigateur d'une heure a été mise en place à partir du chargement de la page, un équilibre pensé pour allier performance et fraîcheur des données : les modifications apportées depuis le back office sont prises en compte sans nécessiter de réinitialisation des instances, tout en bénéficiant d'un affichage rapide géré côté serveur.

  Comme son backoffice, le site est hébergé chez Vercel.

  • Site vitrine
  • Next.js
  • SSR
  • Dynamique
  • Firebase
  • Vercel

Avis client