Mission réalisée pour HustlerLabs

ASMI Transfert

Client : HustlerLabs|Durée : Mission freelance - 2025|Rôle : Collaborateur frontend chez HustlerLabs|Stack : Next.js, TypeScript, Tailwind CSS
Capture du hero du projet ASMI Transfert

ASMI Transfert est une landing fintech conçue pour présenter une solution de transfert de fonds entre l'Afrique et l'Europe avec un message clair, une identité forte et une expérience rassurante.

Le contexte

Le README décrit une landing page Next.js avec sections complètes : navbar, hero, statistiques, services, process, sécurité, témoignages, FAQ, CTA download et footer.

Le travail reposait sur une direction de marque marquée : rouge principal, bleu secondaire, section sécurité sombre, typographie Karst et composants réutilisables.

L'enjeu principal était la confiance. Dans une expérience fintech, la hiérarchie du message, la sécurité perçue, les animations et les finitions SEO comptent autant que le rendu visuel.

Le problème

Le produit devait se présenter comme une solution de transfert de fonds nouvelle génération pour l'Afrique et l'Europe, avec un discours clair, une hiérarchie forte et un niveau de finition capable d'inspirer confiance dès les premiers écrans.

  • Une promesse fintech peut paraître fragile si le discours, la sécurité et les CTA ne sont pas immédiatement lisibles.
  • Un design trop décoratif aurait nui à la compréhension d'un service financier.
  • Sans système visuel cohérent, chaque section aurait donné une impression différente.

La démarche

J'ai participé à la conception et à l'implémentation d'une landing page moderne, responsive et animée, structurée autour d'un message simple, d'un design system assumé et d'une narration produit pensée pour rassurer.

Structurer le message avant le visuel

J'ai travaillé la hiérarchie des sections pour que la valeur du produit, ses garanties et son fonctionnement soient compris sans effort.

Créer une direction visuelle cohérente

Couleurs, typographie, animations et CTA ont été organisés dans un langage visuel constant pour servir la marque plutôt que la disperser.

Optimiser la perception de fluidité

Les micro-interactions, le responsive et les effets de transition ont été utilisés avec mesure pour rendre l'expérience plus vivante sans ralentir la lecture.

Le résultat

  • Positionnement : Clarifié
  • Confiance perçue : Renforcée
  • Expérience mobile : Soignée