La Malle aux Jouets — Site marchand & Amazon FBA
Un site marchand connecté à Amazon FBA
Un catalogue, deux canaux de vente, une logistique déléguée à Amazon.
Un projet, 2 interfaces
À quoi ça ressemble
La Malle aux Jouets vend des jeux et jouets en boutique physique à Nantes et voulait ouvrir la vente en ligne sans multiplier les outils. Le prototype transforme le site vitrine en site marchand complet : catalogue, panier, tunnel de commande, connecté à Amazon Seller Central et à la logistique FBA.
Les 12 références du catalogue alimentent les deux canaux à la fois, avec un back-office unique pour suivre les stocks, les commandes et les expéditions vers les entrepôts Amazon.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
Framer MotionLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
La logistique visible en un coup d'œil
La logistique visible en un coup d'œil
Chaque carte produit affiche un badge Expédié par Amazon dès que le stock est chez Amazon FBA, et un badge Best-seller quand la fiche s'y prête.
Le client sait au premier regard qui livre, sans ouvrir la fiche.
Un tunnel de commande en 3 étapes
Un tunnel de commande en 3 étapes
Livraison, paiement, confirmation : un stepper rappelle en permanence où en est le client.
La confirmation précise explicitement quand un article part via Amazon FBA, pour éviter toute confusion sur le transporteur.
Des alertes avant la casse
Des alertes avant la casse
Le tableau de bord remonte automatiquement les ruptures de stock FBA et les fiches en attente de validation Amazon.
Chaque alerte renvoie d'un clic vers l'onglet concerné pour agir immédiatement.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offre sous 3j un prototype de votre projet.
Sans engagement
