Contexte & Enjeux
Maison Rorive, fournisseur de matières premières et de matériel pour artisans boulangers, pâtissiers et glaciers, avait besoin de digitaliser sa relation client tout en structurant un catalogue dense de plusieurs milliers de références.
J'ai conçu le schéma de base de données Directus sur base du cahier des charges, développé l'intégralité du frontend depuis les maquettes Figma, et créé les collections d'édition de contenu, avec validation senior aux étapesclés.
Frontend
- 01.
Stack Nuxt 3 et Tailwind v3, gestion d'état via Pinia (panier, connexion utilisateur).
- 02.
Validation de formulaires avec Yup, envoi d'emails via Mailgun, sliders produits avec Swiper JS.
- 03.
Système de filtres avancés sur la page catalogue, exploitant une API de plusieurs milliers de produits.
- 04.
Espace client connecté : historique de commandes, duplication de commande, facture PDF, statistiques d'achats par période.
Backend / Directus
- 01.
Collections créées pour les articles de blog et les pages Services, entièrement pilotées par un système de blocs dynamiques.
- 02.
Rôle "manager" configuré pour le client final, lui permettant d'éditer son contenu en autonomie.
- 03.
Intégration temps réel de l'API Mercator (produits, familles, filtres, comptes utilisateurs, commandes, documents), développée en collaboration avec Echosoft.
Captures du projet
Filtrage avancé par rayons et familles sur plusieurs milliers de références
Rendu du système de blocs dynamiques Directus d'une page Service
Édition de contenu en autonomie via les blocs Directus
Historique, duplication de commande et factures PDF
- Le défi
- Optimiser l'affichage et le filtrage sur un catalogue de plusieurs milliers de références, tout en intégrant une API externe complète et en gérant plusieurs états applicatifs (panier, connexion, historique).
- Résultat
- Le client gère désormais en totale autonomie ses articles de blog, ses pages de services et son catalogue produits/promotions, sans jamais dépendre d'un développeur pour publier ou corriger du contenu. Le système de blocs Directus garantit une cohérence visuelle systématique avec l'identité de marque.