Étude de cas · 2026
Stoop
Site Vitrine · Logistique & Transport
Un site vitrine premium pour une entreprise de logistique full-service — pensé pour inspirer confiance en quelques secondes et transformer le visiteur en demande de devis ou en rendez-vous. Direction artistique cinématographique, médias 100% générés en IA, et un tunnel de conversion complet.
Le contexte
Le client, et son point de départ.
Le client
Stoop est une marque de logistique full-service : entreposage, transport de fret, livraison dernier kilomètre et orchestration de supply-chain 4PL. Sa cible : des expéditeurs de toutes tailles, du petit e-commerce à l'industriel, qui choisissent leur prestataire logistique sur le professionnalisme et la confiance dégagés en ligne.
Le problème
En logistique B2B, la décision se joue sur la crédibilité perçue. Un site daté ou générique fait fuir des prospects à fort potentiel vers des concurrents mieux présentés. Il fallait un site qui projette immédiatement une image solide, pro et premium — et qui guide vers la prise de contact.
Le parti pris design
La charte, en clair.
Palette
#F4F0E7
Crème
#131110
Ink
#E8500C
Orange brûlé
#FFFFFF
Blanc
Typographie
Titres
Seamless process.
Instrument Serif — Serif éditoriale — la touche premium qui casse la froideur industrielle.
Corps
Entreposage, fret, dernier kilomètre.
DM Sans — Sans-serif technique et très lisible pour les contenus B2B.
La solution
Ce qui a été conçu, et pourquoi.
Direction artistique industrielle premium
Base crème / ink / orange brûlé, typographie DM Sans, sections services pinnées au scroll et icônes fines. Une DA cinématographique qui inspire la confiance avant même la lecture.
Médias 100% générés en IA
Vidéos hero et CTA en boucle + visuels (entrepôt, fret, dernier kilomètre) créés puis upscalés en 4K via IA. Zéro banque d'images générique : chaque média est cohérent avec la marque.
Architecture multi-pages SEO
Plus de 10 pages (services + fiches détaillées, industries, tarifs, à propos, blog + articles, contact), metadata complètes et Schema.org, build 100% statique pour la performance.
Tunnel de conversion complet
Vraies offres tarifées, preuves sociales (statistiques animées, témoignages chiffrés, logos partenaires), formulaire qualifié et réservation d'appel — tout mène à la prise de contact.
Les détails qui comptent
Les choix d'interface.
Le design ne se juge pas qu'à la première image. Voici les décisions d'ergonomie qui font qu'on reste, qu'on comprend, et qu'on passe à l'action.
Des sections services « pinnées » au scroll
Le contenu se fige et défile par blocs : on impose un rythme cinématographique qui retient l’attention sur chaque service, sans noyer le prospect.
Des statistiques animées comme preuve
Les chiffres qui montent au scroll matérialisent la fiabilité et l’échelle — exactement ce qu’un expéditeur cherche à vérifier avant de confier sa logistique.
Une page pricing transparente
Afficher des offres tarifées, rare en logistique B2B, transforme l’opacité habituelle en argument de confiance : le prospect se projette et arrive au contact déjà convaincu.
Aperçu du projet
Le rendu, en images.
La démarche
Comment on a travaillé.
Brief & cadrage
On commence par comprendre le métier, la cible et l'objectif business : qui doit convertir, sur quoi se joue la confiance, quels concurrents. Le périmètre et l'arborescence sont fixés avant la moindre ligne de code.
Direction artistique
Moodboard, palette, typographie et maquette du parcours — validés bloc par bloc. La DA est pensée pour le secteur et pour convertir, jamais un template générique revendu.
Développement sur-mesure
Intégration en Next.js + TypeScript + Tailwind, responsive pixel-perfect, animations et performances soignées. Code propre, statique quand c'est possible, zéro page lente.
SEO & contenu
Metadata, Open Graph, Schema.org, structure de contenu et maillage interne pensés pour le référencement dès le départ. Objectif Lighthouse SEO > 90.
Livraison & déploiement
Audit qualité et sécurité, déploiement sur Vercel, configuration du domaine + HTTPS, puis prise en main. Le site est livré prêt à performer.
Les résultats
Des chiffres, pas des promesses.
SEO 100
score Lighthouse SEO (Best Practices 100)
100%
médias générés en IA (vidéos + visuels 4K)
10+
pages, architecture multi-pages optimisée
GSAP
animations scroll premium (Lenis)
Technologies
La stack du projet
Projet suivant
Sésame Informatique
Refonte Site · ERP B2B Négoce
Votre projet est le prochain
Un projet similaire ? Parlons-en.
Devis gratuit sous 24h, sans engagement.