Cargo school : refonte complète
d'un centre de formation logistique
Cargo School est un centre de formation spécialisé en logistique et sécurité. Il disposait d’un site vieillissant, complexe à gérer et peu clair pour les utilisateurs.
L’objectif : clarifier l’offre, moderniser l’image et rendre l’équipe 100 % autonome grâce à une refonte Webflow structurée et efficace.
Cargo School est un centre de formation spécialisé en logistique et sécurité. Il disposait d’un site vieillissant, complexe à gérer et peu clair pour les utilisateurs.
L’objectif : clarifier l’offre, moderniser l’image et rendre l’équipe 100 % autonome grâce à une refonte Webflow structurée et efficace.
1. Branding & Direction Artistique : une identité plus professionnelle
Avant même d’entrer dans la conception du site, la première étape a été un travail de moodboard et d’exploration visuelle.
Cette phase a joué un rôle clé pour repositionner Cargo School : leur image ne reflétait plus la qualité de leurs formations ni leur professionnalisme.
Les moodboards ont permis :
- d’identifier les codes visuels cohérents avec leur secteur (logistique, cargo, aviation),
- de distinguer ce qui inspire confiance pour des publics très variés (salariés, demandeurs d’emploi, entreprises, RH),
- de définir une atmosphère graphique plus moderne, structurée et accessible,
- et surtout d’aligner dès le départ la direction artistique avec les enjeux pédagogiques et UX du projet.
2. UX Design : simplifier les parcours de formation
Une des particularités du projet Cargo School est que les formations ne sont pas présentées sous forme de fiches complètes sur le site.
Les informations détaillées (objectifs, programme, modalités…) sont données directement sur Digiforma, ce qui impose une approche différente en termes d’UX.
L’enjeu n’était donc pas de réécrire l’ensemble de l’offre, mais plutôt de structurer la découverte pour aider les utilisateurs à s’orienter rapidement parmi les différentes thématiques.
La phase de wireframing a permis de clarifier plusieurs points essentiels :
- Rassembler les formations par catégories logiques (Transit & Douane, IA, Commerce et Matières dangereuses).
Cette approche simplifie la navigation et permet aux visiteurs de comprendre en un coup d’œil l’étendue de l’offre sans être noyés dans trop d’informations. - Créer des cartes formations homogènes, suffisamment informatives pour donner envie d’en savoir plus, tout en restant légères : un titre, un court descriptif, et un accès direct vers la page Digiforma correspondante.
L’objectif : donner un aperçu clair sans dupliquer les contenus existants. - Fluidifier la redirection vers Digiforma, en s’assurant que les transitions soient naturelles et que l’utilisateur comprenne qu’il accède à la page détaillée de la formation.
Cette étape UX a permis d’obtenir une architecture plus intuitive, où chaque section agit comme un point d’entrée vers un univers de formations clairement identifiées.
3. Design UI : traduire la direction artistique en une interface cohérente et engageante
Une fois la direction artistique validée (moodboards, palette, typographies, iconographie), l’enjeu principal a été de transposer cet univers graphique dans des maquettes UI fonctionnelles, sans perdre la simplicité et la clarté nécessaires pour un centre de formation.
Le travail d’UI s’est concentré sur trois aspects :
- Donner un habillage cohérent aux maquettes UX, en respectant les codes visuels définis en amont : couleurs structurées, typographies professionnelles, visuels sobres et adaptés au secteur cargo.
- Créer des sections aérées et hiérarchisées, permettant aux utilisateurs de scanner l’information rapidement : un point essentiel pour des publics parfois peu familiers avec le digital.
- Concevoir des cartes formations modulaires, clairement identifiables, qui servent d’entrée vers les catégories et renvoient naturellement vers Digiforma pour le détail.
L’objectif n’était pas d’en faire trop, mais de construire une interface m
4. Développement Webflow : Construction d'un site évolutif
La phase de développement Webflow a été pensée pour offrir à Cargo School un site à la fois robuste, évolutif et facile à maintenir au quotidien — même sans CMS dédié aux formations.
L’objectif n’était pas de complexifier l’architecture, mais au contraire de créer une structure logique et durable, adaptée à leur fonctionnement réel :
Un système basé sur des pages templates pour les catégories
Comme les formations sont détaillées sur Digiforma, il n’était pas nécessaire d’intégrer un CMS dédié dans Webflow.
J’ai donc mis en place des pages templates réutilisables pour chaque catégorie (Transit & Douane, IA et Matières dangereuses), permettant à l’équipe d’ajouter facilement une nouvelle catégorie ou d’en modifier la mise en page sans repartir de zéro.
Des composants Webflow modulaires et personnalisables
Pour garantir une grande autonomie, chaque section a été construite avec :
- des composants réutilisables (cards, CTA, blocs titres, bandes colorées, sections visuelles),
- des propriétés claires pour contrôler facilement les variations (couleurs, icônes, espacements),
- une logique qui permet de modifier un design dans un composant et de le retrouver mis à jour partout où il est utilisé.
Cette approche assure une cohérence visuelle tout en offrant une grande flexibilité pour faire évoluer le site.
Un CMS utilisé uniquement là où il est vraiment utile
Pour éviter de multiplier les systèmes inutiles, j’ai limité le CMS aux besoins essentiels :les témoignages, pour pouvoir en ajouter ou en modifier facilement,la FAQ, afin de maintenir une base d’informations claire et vivante.Cette organisation permet d’utiliser le CMS de manière intelligente, tout en conservant des pages statiques pour les sections où la structure est fixe.
Accompagnement et autonomie grâce à des vidéos tutoriels
Pour que l’équipe puisse gérer le site en toute confiance, j’ai enregistré plusieurs tutoriels expliquant : comment modifier une catégorie de formation,comment mettre à jour une card, comment changer une image ou un texte,comment gérer la FAQ et les témoignages,comment ajuster un composant ou en réutiliser un dans une nouvelle page.
Résultat : un site performant, cohérent et évolutif, avec un niveau d’autonomie très élevé et une structure pensée pour durer à long terme.
Découvrez d'autres cas clients
Ils en parlent mieux que moi
Ils m'ont fait confiance. Voici ce qu'ils en pensent.
J'ai collaboré avec Cinna sur plusieurs projets clients pour de la création/refonte de sites sur Webflow.
Elle a géré l'intégralité du cycle design-développement avec une véritable autonomie (très rare de nos jours).
Ce qui m'a marqué durant notre collaboration, c'est sa rigueur, elle a réalisée des livrables UX/UI sur Figma très propres, responsive et une intégration performante, le tout, sans jamais avoir à la relancer.
Toujours force de proposition et jamais en attente qu'on lui mâche le travail.
Cinna, c'est le genre de profil sur lequel tu peux compter sans micro-manager.
Je recommande sans hésitation !
Avant la refonte, nous avions le site internet de nos débuts avec beaucoup de bonnes choses mais en perte de vitesse, une image pas à la hauteur de nos ambitions et très informationnel alors que l'objectif de notre site est la conversion !
Nous avons fait appel à différents prestataires pour la refonte, dont Cinna pour l'UX/UI. La collaboration avec Cinna s'est très bien déroulée : Cinna est réactive, utilise très bien les outils à disposition pour communiquer clairement et permettre la livraison dans de bonnes conditions de notre nouveau site.
Cinna a été à l'écoute et disponible tout au long du projet.
Elle a compris l'idée précise que j'avais pour le site, l'a construit de bout en bout tout en proposant des modules efficaces.
Des délais respectés, le rendu final trés bien, un expérience prestataire vraiment satisfaisante.
Vos questions, mes réponses
Tout ce que vous devez savoir avant de démarrer.
Combien de temps prend la création d'un site Webflow ?
La plupart des projets sont livrés en 3 à 5 semaines selon la complexité. Dès notre premier appel, je vous donne une timeline précise avec les étapes clés.
Pas d'estimations floues.
Vous savez exactement quand votre site sera en ligne.
Est-ce qu'un site internet change vraiment quelque chose à mon activité ?
Un site mal conçu ne change rien, voire freine votre crédibilité.
Un site conçu autour de votre positionnement et de vos clients idéaux devient votre meilleur alliée commercial : il travaille 24h/24, répond aux objections avant même qu'elles soient posées, et vous amène des prospects déjà convaincus.
Comment se passe concrètement la collaboration ?
En 4 étapes claires : un appel découverte pour comprendre vos enjeux, une phase de stratégie et de copywriting, la conception et l'intégration Webflow, puis la livraison avec formation.
À chaque étape vous validez avant qu'on avance sur la prochaine étape. Vous restez décisionnaire du début à la fin.
J'ai déjà un site pourquoi le refaire ?
Parce qu'un site qui n'amène pas de clients n'est pas un atout, c'est un coût.
Si votre site actuel ne reflète plus votre positionnement, n'explique pas clairement ce que vous faites, ou ne génère aucune demande entrante, le refaire n'est pas une dépense : c'est un investissement avec un retour mesurable.
Est-ce que je pourrai modifier mon site moi-même après la livraison ?
Oui. Webflow est conçu pour que vous puissiez modifier vos textes, images et contenus sans toucher au code.
Je vous forme à l'outil à la livraison.
Vous serez autonome sur les modifications courantes.
Quelles sont les modalités de paiement ?
Chaque projet est réglé en deux fois : 50% à la signature du devis pour démarrer, 50% à la livraison finale. Vous ne payez le reste qu'une fois que le projet est terminé.
Combien de temps prend la création d'un site Webflow ?
Rien de particulier avant notre premier appel.
C'est ensemble qu'on définit ce dont vous avez besoin.
Une fois le projet lancé, je vous transmets un guide de démarrage avec exactement ce que vous devez préparer.
Comment fonctionne l'audit gratuit
de mon site ?
Entrez l'URL de votre site et l'analyse se lance automatiquement.
En moins de 60 secondes, vous obtenez un score sur 100 et le détail de ce qui freine vos visiteurs de vous contacter
Analyse du design, message, parcours, mobile et du référencement.
C'est gratuit, immédiat, et sans inscription.
Quel est le tarif pour la création ou refonte de mon site ?
Mes projets démarrent à partir de 1 000 € HT.
Le tarif final dépend de plusieurs facteurs : le nombre de pages, les fonctionnalités à intégrer (formulaires, animations, CMS, connexions à des outils tiers…) et la complexité du design.
Chaque projet étant unique, je vous propose un appel découverte gratuit pour établir un devis adapté à votre situation.
Est-ce que mon site sera visible sur Google ?
Avoir un beau site ne suffit pas s'il n'apparaît pas sur Google. C'est pourquoi chaque site que je livre comprend les bases du SEO : structure optimisée, balises renseignées, temps de chargement soigné et adapté mobile. De quoi vous donner les meilleures chances d'être trouvé par vos futurs clients.