PORTFOLIO / 2026
DES PROJETS
À LA HAUTEUR
DE VOTRE EXPERTISE.
SITES WEB
OPTIMISATION - REFONTE
Avant → Après : Page Afromaternity
Refonte complète du hero afin de corriger le manque de lisibilité des textes, auparavant placés en transparence sur l’image de fond, et de rendre la promesse immédiatement compréhensible.
Initialement pensée principalement pour le mobile, la page a été optimisée pour offrir une expérience cohérente et fluide sur ordinateur comme sur smartphone. La palette graphique a été simplifiée autour de trois couleurs principales, tandis que la structure, la hiérarchie des contenus et le parcours de lecture ont été retravaillés.
L’objectif du projet était de créer une page plus professionnelle, claire et immersive, capable de valoriser l’univers d’Afro Maternity tout en guidant naturellement les visiteuses vers l’offre.
Avant → Après : une refonte plus claire, plus premium et plus stratégique
Cette refonte avait un objectif simple : transformer une landing page bricolé sur gamma en une expérience plus moderne, plus fluide et plus engageante.
Dans l’ancienne version, le fond sombre, les longs blocs de texte et le manque d’aération rendaient la lecture plus difficile. Les visiteurs devaient fournir beaucoup d’effort pour comprendre rapidement l’offre et identifier les informations importantes.
La nouvelle version a été entièrement restructurée pour améliorer l’expérience utilisateur et renforcer la perception de valeur :
hiérarchie visuelle beaucoup plus claire,
sections mieux espacées et plus respirantes,
ajout de boutons d’action plus visibles et stratégiques,
intégration d’animations au scroll pour rendre la navigation plus vivante,
génération de visuels plus cohérents avec l’univers de marque,
amélioration du parcours utilisateur pour guider naturellement la lecture,
meilleure mise en avant des réalisations et des témoignages,
design responsive mobile.
Le résultat : une landing page qui ne se contente plus d’informer, mais qui aide réellement à capter l’attention, valoriser l’expertise et faire avancer le visiteur vers l’action.
Avant → Après : une landing page repensée pour être plus immersive, plus claire et plus cohérente avec l’univers de marque
L’ancienne version contenait beaucoup d’informations et de blocs très compacts, ce qui rendait la lecture plus difficile, surtout sur mobile. Le design restait assez générique et ne retransmettait pas suffisamment l’identité de l’écosystème Mellifera.
La refonte a donc été pensée pour améliorer à la fois l’expérience utilisateur, la lisibilité mobile et la cohérence visuelle avec l’univers du miel, des abeilles et des ruches.
Voici les principaux changements apportés :
restructuration complète des sections pour une lecture plus fluide sur mobile,
simplification et meilleure hiérarchisation des contenus,
réduction de l’effet “mur de texte” pour rendre la page plus agréable à parcourir,
design retravaillé autour des codes visuels du miel et des ruches,
intégration de formes hexagonales et d’éléments inspirés des alvéoles,
palette de couleurs plus chaleureuse et plus cohérente avec l’univers de marque,
ajout d’illustrations et de visuels immersifs pour renforcer l’identité du projet,
meilleure mise en avant des offres et des parcours,
sections plus aérées pour améliorer la compréhension,
animations au scroll pour apporter plus de dynamisme et de modernité,
parcours utilisateur plus intuitif pour guider naturellement les visiteurs.
L’objectif était de transformer une page très dense en une expérience plus engageante, plus mémorable et plus alignée avec le concept d’écosystème freelance porté par Mellifera.
Avant → Après : une transformation pensée pour convertir et clarifier
Nous avons entièrement repensé le site pour passer d’une présentation très “informatif PDF” à une vraie expérience web moderne, fluide et engageante.
L’ancienne version contenait beaucoup de blocs de texte, peu de hiérarchie visuelle et très peu d’éléments guidant réellement le visiteur. Résultat : la lecture demandait beaucoup d’effort et les informations importantes se perdaient facilement.
La nouvelle version a été restructurée pour rendre le message plus clair, plus professionnel et plus impactant :
ajout de boutons d’action stratégiques pour guider les visiteurs,
réduction et simplification des blocs de texte,
meilleure hiérarchie des contenus pour une lecture plus fluide,
génération d’images immersives pour renforcer la projection et l’émotion,
intégration d’animations au scroll pour donner vie au site,
utilisation d’effets de transparence et de profondeur pour un rendu plus premium,
amélioration des contrastes, des espacements et de la lisibilité,
design plus moderne et plus crédible pour valoriser l’expertise de l’entreprise.
L’objectif n’était pas seulement de “faire plus beau”, mais surtout de créer un site qui inspire davantage confiance, capte mieux l’attention et aide les visiteurs à comprendre rapidement la valeur de l’entreprise.
Avant → Après : Refonte Complète
La page présentait beaucoup d’informations dès l’arrivée, sans priorité claire.
J’ai retravaillé la première section - qui était une affiche au départ - pour que les visiteurs comprennent rapidement à qui s’adresse l’événement, ce qu’il propose et comment s’inscrire.
Les textes ont été allégés et accompagnés de visuels pour rendre la lecture plus fluide, sans diluer l’attention.
La longue liste verticale des intervenants a été remplacée par un carrousel : chacun reste visible, mais la page est plus facile à parcourir, notamment sur mobile. Leurs photos ont été harmonisées et le portrait de l’organisatrice retravaillé pour que la qualité visuelle reflète mieux leur expertise.
L’objectif était de créer une expérience plus claire et plus agréable, qui inspire confiance et guide naturellement les visiteurs vers l’inscription.
reconstruction sur systeme io
Landing page conçue sur Systeme.io à partir d’une maquette initialement générée avec un autre outil de design.
L’objectif était de recréer fidèlement l’univers premium déjà présent sur le site principal du client, tout en développant une page dédiée à la promotion de sa formation sur Systeme.io.
La maquette de base étant statique, plusieurs améliorations ont été ajoutées lors de l’intégration :
animations fluides au scroll pour renforcer l’expérience utilisateur,
transitions et micro-interactions pour donner plus de vie à la page,
optimisation de la navigation et du parcours de lecture,
adaptation du design pour assurer une cohérence parfaite avec l’identité visuelle du site existant,
amélioration du rendu premium grâce à une meilleure gestion des espacements, des effets visuels et de la hiérarchie des contenus.
Le résultat : une landing page plus immersive, plus moderne et parfaitement alignée avec l’image haut de gamme recherchée par le client.
Landing page initialement hébergée sur une autre plateforme puis entièrement reconstruite sur Systeme.io afin de centraliser, optimiser et simplifier la gestion du site.
Le design et la structure d’origine ont été repris à l’identique pour conserver l’identité visuelle déjà connue des visiteurs, tout en apportant plusieurs améliorations stratégiques :
ajout d’animations pour une navigation plus fluide et moderne,
optimisation de l’expérience utilisateur,
amélioration de la lisibilité et du confort de lecture,
harmonisation du branding avec la palette de couleurs du client
Le site a également été migré, optimisé et hébergé gratuitement sur Systeme io pour offrir une solution plus simple, plus performante et plus facile à gérer au quotidien.
QUEL FORMAT SERVIRA VRAIMENT VOTRE PROCHAIN OBJECTIF ?
Un échange de 30 minutes suffit pour faire le point
et identifier si vous avez besoin d’un site, d’une landing page ou d’un tunnel.