InterCellar producer
Intégration d’une landing page présentant le concept d’InterCellar, accompagnée d’un système d’inscription complet permettant aux utilisateurs d’être référencés sur la marketplace.
00
Problème
Intégration d’une interface développée en collaboration avec le designer, offrant une expérience utilisateur simple et épurée afin d’inciter les futurs clients à rejoindre la marketplace. La landing page constitue la première impression de notre travail, et chaque élément a été soigneusement pensé pour refléter professionnalisme et clarté. Pour l’onboarding, le processus doit être simplifié car il y a 6 formulaires différents. Le formulaire, qui collecte les informations de l’entreprise, utilise l’API de Papers pour auto-compléter automatiquement certains champs, garantissant rapidité et précision. À la fin de l’inscription, un contrat au format PDF est généré pour signature, avant de procéder au paiement.
Solution
Le développement de la landing page a été réalisé avec Next.js afin d’optimiser le SEO et d’assurer une bonne indexation par les moteurs de recherche. Grâce à Tailwind CSS, le site a été conçu en mobile first, garantissant une expérience utilisateur cohérente et fluide sur tous les types d’écrans. Le design épuré a été pensé en étroite collaboration avec le designer, afin de mettre en place une interface claire et agréable, optimisée pour l’expérience utilisateur. Le formulaire d’inscription a été structuré en six étapes pour éviter de surcharger l’utilisateur et faciliter la saisie des informations. L’intégration de l’API de Papers permet l’auto-complétion des champs relatifs à l’entreprise, ce qui rend le processus encore plus rapide et fluide. À la fin de l’inscription, l’utilisateur est automatiquement connecté, ce qui lui permet de signer le contrat généré et de passer immédiatement à l’étape de paiement. Cette approche permet de réduire les frictions et d’améliorer le taux de conversion tout en offrant une expérience utilisateur simple et efficace.
La landing page constitue une partie essentielle de l’application, car elle permet de mettre l’utilisateur en confiance et de l’informer sur les différentes fonctionnalités et processus proposés. La mise en place d’un formulaire complexe représente un véritable défi, car il est crucial de ne pas perdre l’utilisateur lors de son inscription.
La landing page joue un rôle crucial, car elle constitue le premier point de contact avec l’utilisateur et influence directement sa perception de la plateforme. Pour être efficace, elle doit être impactante dès la première visite, avec des informations facilement accessibles et une navigation intuitive. La collaboration étroite avec le designer a permis de mettre en place une interface UI/UX performante et optimisée, garantissant que chaque élément visuel et chaque interaction soutiennent l’expérience utilisateur.
La gestion du formulaire d’inscription représentait un défi particulier : un formulaire trop long ou complexe peut rapidement décourager l’utilisateur et augmenter le taux d’abandon. Pour remédier à ce problème, j’ai conçu un système de stepper en six étapes, structuré de manière progressive. Cette approche permet de fragmenter les informations, de guider l’utilisateur pas à pas et de rendre le remplissage plus intuitif, tout en maintenant un parcours fluide et engageant. L’objectif était d’offrir une expérience ergonomique, rassurante et efficace, favorisant la conversion et l’inscription réussie des utilisateurs.
01
Version mobile de la section influence de la landing page
02
Section pricing avec les CTA percutant permettant d'accèder directement au formulaire d'inscription
03
Etape 2 du formulaire afin de récolté les informations concernant l'entreprise qui veux être lister sur la marketplace, l'API de Papers à était utilisé afin d'auto-compléter les champs
see also
