Système ecommerce
Contexte
Aureum Vault est une marque de portefeuilles en métal personnalisables, conçus pour durer, offerts comme cadeaux ou achetés pour soi.
Le site avait pour objectif de marier design premium et simplicité opérationnelle.
Une fois le site en ligne, notre travail n’était pas fini.
La question suivante s’est vite posée :
Et après l’achat, on fait quoi ?
Plutôt que d’implémenter une plateforme CRM complexe, nous avons conçu une solution simple, automatisée, et parfaitement alignée avec les besoins d’une jeune marque :
centraliser les données client, et agir au bon moment, sans effort manuel.
Notre approche
Plutôt que d’ajouter des couches d’outils, nous avons construit une base de gestion client dans Notion, connectée à Webflow via Make.Le principe : chaque nouveau client déclenche un enchaînement automatique d’actions, sans intervention humaine
Voici ce que le système met en place :
1. Création automatique du client
Lorsqu’un achat est validé sur le site (via formulaire ou checkout connecté),
Le client est automatiquement ajouté à une base Notion "Clients" avec :
Nom, email, date d’achat, produit acheté
Statut (nouveau / client actif / relancé)
2. Planification de séquences post-achat
Après X jours → Make déclenche un email de remerciement personnalisé.
Après Y jours → email pour laisser un avis produit
Après Z jours → email avec offre spéciale “client fidèle” (ex : -10 % sur une seconde commande, ou lancement d’un nouveau modèle)
3. Suivi interne automatisé
Chaque statut client est mis à jour automatiquement dans Notion
Si un client ne répond à aucun email → un tag "à relancer manuellement" est appliqué
Si un client clique sur un lien → Make le tag "engagé" et l’intègre à une prochaine campagne VIP
Design & expérience
Le site Aureum Vault a été pensé comme une vitrine directe et minimaliste, dans un esprit “landing page” :
un produit unique, une promesse forte, aucune distraction.
Nous avons volontairement réduit la structure à l’essentiel pour concentrer toute l’attention sur le produit, avec un contraste fort et une mise en page épurée.
Le design repose sur :
Une hiérarchie simple, lisible instantanément,
Des visuels en pleine largeur pour créer un effet “focus produit”,
Un univers sobre, presque brut, pour refléter l’aspect métallique, fonctionnel et durable du portefeuille.
Le but : créer une page qui ne fait pas perdre de temps au visiteur — il comprend, il clique, il achète.
Conception du projet
Pour qu’une boutique eCommerce soit fluide à gérer après l’achat, il faut poser les bonnes fondations.
Ce n’est pas une question de CMS ou de visuel, mais de structure des données :
- Quelles informations faut-il suivre ?
- Où vivent-elles ?
- Et comment orchestrer des actions sans tout faire à la main ?
Nous avons défini les informations essentielles à collecter (coordonnées, commandes, activité, statut client) et conçu un système simple, basé sur Notion, qui centralise toutes les données sans surcouche technique.
Une étape invisible, mais essentielle pour garantir un suivi fluide, des relances automatiques, et une vision claire sur chaque client.
Nous avons structuré Notion autour de 3 tables principales :
- Clients (relation 1 à n avec Commandes)
- Commandes (liées à un client, avec détails de l’achat et options)
- Séquences (automatisations déclenchées selon l’état du client ou de la commande)
Chaque champ a été pensé pour alimenter :
- Le CMS Webflow (présentation produit, images, messages)
- Les automatisations Make (relances, tagging, emails)
- Et le pilotage quotidien dans Notion, sans outil supplémentaire
Design de la boutique
Créer une vitrine sobre, premium et efficace pour valoriser un produit unique tout en guidant l’utilisateur vers l’achat.L’enjeu : poser une identité visuelle cohérente avec le positionnement de la marque, et concevoir une expérience claire, sans surcharge.
À travers des échanges guidés et des questions ciblées (branding, ton, hiérarchie visuelle), nous avons pu définir une direction claire.
Plusieurs wireframes ont été réalisés, testés et affinés, jusqu’à arriver à une maquette validée, conçue pour être :
- La priorité des messages
- La logique de navigation
- Minimaliste et immersive
- Optimisée pour le mobile et la conversion
Tout est aujourd’hui finalisé dans Figma : une base solide, documentée, prête à être intégrée rapidement dans Webflow dès que tous les contenus (images, textes, produits) seront prêts.
Le tout est aujourd’hui finalisé dans Figma et documenté pour une intégration rapide dans Webflow.
Chez Fork, chaque design commence par une intention claire.Nous structurons l’expérience autour des objectifs concrets de la marque, pour créer des interfaces qui allient esthétique et efficacité.
Mise en place Webflow
Transformer la maquette validée en un site Webflow fonctionnel, rapide à charger, et structuré pour faciliter la conversion.L’objectif était de mettre en ligne une vitrine premium avec un tunnel d’achat fluide, tout en préparant le socle pour un suivi post-achat automatisé.
Approche technique
Nous avons construit le site dans Webflow avec une logique composants-first.
Chaque section a été pensée comme modulaire, duplicable et facilement éditable, pour assurer évolutivité et cohérence.
Les contenus statiques ont été intégrés manuellement, tandis que l’ensemble des données clients est piloté depuis Notion et connecté via Make.
Actions réalisées
- Création d’un site single-product optimisé pour le tunnel de conversion court
- Intégration de composants dynamiques pour préparer l’ajout de nouvelles sections si nécessaire
- Mise en place d’un formulaire de commande connecté à Make, déclenchant la création automatique de l’entrée client dans Notion
- Intégration de scripts pour le suivi de conversion, les avis, et les relances
Fonctionnement automatisé
- Lorsqu’un client passe commande → Make capture les données et crée une fiche client dans Notion
- Des scénarios post-achat sont automatiquement déclenchés (remerciement, relance, demande d’avis)
- L’équipe garde une vision claire sur chaque étape depuis une base unique, sans CRM externe
Préparation au lancement
Optimisation SEO
Même pour une jeune marque, le référencement est pris en compte dès la conception.
Nous avons intégré dès le départ :
- Balises dynamiques : title, meta description, Open Graph, balises produits
- URLs propres : structure /produit/nom-du-produit pour une meilleure indexation
- Images compressées et taguées, avec balises alt claires
Le site est prêt à être indexé : il suffit de connecter un domaine personnalisé et de publier.
Fonctionnalités mises en place
Ce projet ne se limite pas à une simple vitrine.
Il intègre dès aujourd’hui les fondations d’un système eCommerce complet et évolutif, notamment :
Gestion client automatisée (Make + Notion)
→ Chaque commande crée automatiquement une fiche client dans Notion, avec suivi du statut, des relances et des actions post-achat
Séquences post-achat intelligentes
→ Emails envoyés automatiquement : remerciement, demande d’avis, offre spéciale (selon le comportement du client)
Système d’avis intégré
→ Affichage des témoignages clients, avec possibilité d’alimenter dynamiquement depuis un formulaire ou un flux interne
Suivi des conversions et relances
→ Suivi via balises G4F + scénario de panier abandonné simulé pour récupération automatique des ventes
Conclusion
Ce projet nous a permis de créer un système eCommerce léger, structuré et totalement pilotable par le fondateur.
Webflow offre la vitrine. Make orchestre les actions. Notion devient le tableau de bord client.
Tout a été conçu pour offrir une expérience premium côté utilisateur,
et une gestion simple, claire et automatisée côté business.
Aureum Vault dispose aujourd’hui d’un socle solide, prêt à accueillir de nouvelles gammes, de nouveaux canaux de vente, et des actions marketing sans refonte technique.
TRAVAILLER AVEC FORK
Sur mesure
Devenez autonome
Automatisé & facile à prendre en main
Réponse sous 24h - Sans engagement