Deux parcours de vente
Proposer une boutique B2C et un espace B2B au sein d’une même application, avec des règles adaptées à chaque public.
Application e-commerce B2B / B2C sur mesure
Moonlight
Développement d’une application e-commerce B2B et B2C Ruby on Rails pour Moonlight
Une boutique premium associée à un espace professionnel et à des outils de gestion
Moonlight est une maison de chanvre haut de gamme proposant différentes familles de produits aux particuliers et aux professionnels. L’objectif du projet était de concevoir une plateforme e-commerce sur mesure, avec une identité visuelle premium et deux parcours commerciaux distincts.
Le contexte
01
02
03
Un projet construit autour d’un besoin concret
L’application devait réunir une boutique accessible aux particuliers, un espace dédié aux clients professionnels et des fonctionnalités de gestion adaptées à l’activité de Moonlight. Le projet devait également permettre au développeur interne de gagner progressivement en autonomie grâce à un accompagnement technique structuré.
Une expérience premium
Traduire l’identité Moonlight dans une interface immersive, cohérente et adaptée aux écrans mobiles.
Une équipe plus autonome
Accompagner le développeur interne sur l’architecture Ruby on Rails, les évolutions fonctionnelles et les bonnes pratiques techniques.
Les fonctionnalités développées
Chaque fonctionnalité a été pensée autour des usages réels du projet et des besoins de l’entreprise et de ses utilisateurs.
Catalogue produits
Présentation de plusieurs familles de produits avec catégories, visuels et fiches détaillées.
Boutique B2C
Parcours particulier avec découverte des produits, favoris, panier et suivi des commandes.
Espace professionnel B2B
Espace adapté aux professionnels avec conditions commerciales et parcours de commande spécifiques.
Tarifs professionnels
Présentation des prix et informations commerciales adaptés aux comptes B2B.
Demandes de devis
Constitution et transmission des demandes de devis depuis le parcours professionnel.
Gestion des commandes
Suivi des achats et des différentes étapes du traitement commercial.
Comptes clients
Authentification et espaces personnalisés selon le type de client.
Paiement en ligne
Intégration d’une architecture de paiement adaptée au parcours e-commerce et aux prestataires retenus.
Également intégré
Back-office métier
Contenus et lexique
Responsive design
Architecture évolutive
Accompagnement technique
Un fonctionnement pensé étape par étape
La plateforme accompagne les utilisateurs à travers un parcours clair, adapté aux différents usages du projet.
01
Découverte
Le visiteur découvre l’univers Moonlight et les catégories de produits.
02
Consultation
Il accède aux fiches produits et aux informations utiles à son choix.
03
Identification
Le parcours s’adapte selon le profil particulier ou professionnel.
04
Panier ou devis
Le particulier prépare son achat ; le professionnel peut demander un devis.
05
Traitement
Les commandes et demandes sont suivies dans les outils de gestion.
06
Suivi
L’activité peut être administrée et enrichie depuis la plateforme.
Découvrez les différents espaces
Site public, fonctionnalités métier, espace client ou back-office : découvrez les principales interfaces développées.
01
/
05
Site public
Une identité premium pour la boutique Moonlight
Une interface nocturne inspirée de l’univers Moonlight, avec navigation par familles de produits et expérience responsive.
- Identité Moonlight
- Navigation par catégories
- Expérience premium
- Responsive design
02
/
05
Navigation par catégories
Une découverte immersive des univers Moonlight
Une roue interactive permet de découvrir les familles de produits et d'accéder à leurs catalogues depuis une interface conçue sur mesure.
- Roue interactive
- Catégories de produits
- Navigation personnalisée
- Identité visuelle premium
03
/
05
Catalogue produits
Un catalogue structuré pour faciliter la découverte
Les produits sont organisés par familles avec visuels, descriptifs, prix et filtres pour guider la recherche dans la boutique.
- Catalogue par familles
- Visuels et descriptifs
- Filtres de recherche
- Prix et informations produits
04
/
05
Espace client
Un espace personnel pour retrouver ses informations
Chaque client dispose d'un espace sécurisé pour gérer ses coordonnées, ses adresses, ses favoris et accéder au suivi de ses achats.
- Informations personnelles
- Adresses enregistrées
- Favoris et commandes
- Gestion sécurisée du compte
05
/
05
Back-office métier
Une administration centralisée du commerce
Le back-office réunit la gestion du catalogue et des stocks, les clients professionnels, les devis, les factures et les opérations commerciales.
- Produits et stocks
- Clients professionnels
- Devis et facturation
- Actions administratives
Technologies
Une architecture moderne et évolutive
Une stack technique pensée pour conserver performance, maintenabilité et capacité d’évolution.
Ruby on Rails
Hotwire
Stimulus
SQLite
SCSS
Heroku
API et intégrations tierces
Les bénéfices
B2B + B2C
deux expériences dans une même application
1 plateforme
pour réunir boutique et gestion
Sur mesure
une expérience alignée sur la marque
Formation
une montée en autonomie du développeur
Un outil conçu pour répondre aux usages
La plateforme s’adapte aux particuliers et aux professionnels sans dupliquer le site.
Catalogue, comptes, commandes et devis sont organisés autour d’un même socle applicatif.
Le parcours utilisateur et l’interface reprennent le positionnement premium de Moonlight.
L’accompagnement renforce les compétences internes pour assurer la continuité du projet.
Au-delà du site
Une solution pensée autour de l’activité
Moonlight dispose d’un socle e-commerce personnalisé permettant de servir deux clientèles différentes et de rapprocher l’expérience d’achat des besoins opérationnels. L’accompagnement technique contribue également à renforcer l’autonomie de l’équipe interne.
Le résultat
Une solution pensée pour durer
Moonlight bénéficie d’une application e-commerce Ruby on Rails sur mesure, combinant boutique pour les particuliers, espace B2B, gestion commerciale et identité visuelle premium. Le projet comprend également la formation et l’accompagnement du développeur interne.
Vous avez un projet similaire ?
Votre projet
Et si le prochain projet était le vôtre ?
Création de site, refonte, e-commerce ou application métier sur mesure : échangeons sur vos besoins.
Autres réalisations
Voir toutes les réalisations →
