Vezert
Back to Portfolio

Plateforme de Signature de Documents et Paiements

Plateforme qui guide les utilisateurs à travers les étapes de signature de documents et de paiement avec une navigation claire et un onboarding.

Portail WebDesign UX/UIArchitecture d'InformationDesign Responsive
Interface de la plateforme de signature de documents et de paiement pour Chaindoc

Santé du Site

95%

Performance

97%

SEO

100%

Santé Recherche IA

92%

Prix

12 400 EUR

Délai

20 jours

Aperçu

Dans le cas d'un produit original et nouveau, nous avions besoin d'un site très minimaliste et orienté performance. Cela devait être réalisé en exprimant clairement les caractéristiques principales du produit et en s'assurant que les éléments les plus importants soient mis en avant sans accorder trop d'attention aux éléments de design qui pourraient nuire au design global.

Le support de plusieurs langues était une des conditions essentielles, et le site adressait 15 langues pour atteindre une audience mondiale. De plus, le site devait être équipé d'une zone de support, d'une documentation API riche pour les développeurs, d'un blog et de divers formulaires, tous intégrés avec n8n pour automatiser les workflows et les processus internes.

Objectifs

  • S'assurer que la navigation est facile et claire.
  • Introduire les nouveaux utilisateurs au produit sans les submerger.
  • Tenir les utilisateurs informés des activités importantes et des informations les plus précieuses.
  • Obtenir une haute performance et évolutivité avec la croissance de la plateforme.
  • Avoir une esthétique propre et moderne en accord avec les produits digitaux.

Solution

Notre architecture a adopté un design haute performance qui simplifie la gestion de contenu et la publication de grandes quantités de contenu, tout en fournissant un accès rapide à tous les services du produit pour les utilisateurs.

La page Tarifs a été intégrée avec un système cohésif de gestion de contenu pour éviter les divergences de données entre le site et l'application. Le site a été développé dans le même style visuel que le produit pour que la marque ne perde pas sa cohérence et offre une expérience utilisateur bien développée.

Nous avons créé plusieurs formulaires dans le site et les avons liés aux processus internes de l'entreprise via n8n. De plus, des agents IA ont été ajoutés pour contrôler et analyser les soumissions de formulaires, comme filtrer le spam, trier les demandes de partenaires et classifier les matériaux entrants.

Une des priorités était aussi la gamification. Dans le cas de la version desktop du site, nous avons développé des outils de dessin qui permettent à l'utilisateur d'interagir et de personnaliser les pages. Tous les dessins sont sauvegardés dans le navigateur et donc on peut voir le travail sauvegardé quand on revient.

Il y a aussi plusieurs systèmes d'analytics intégrés au site qui permettent l'analyse du comportement utilisateur et de prendre des décisions basées sur les informations.

Écrans de la Solution

Écrans clés qui montrent comment le portail Chaindoc guide les utilisateurs à travers la documentation.

Page d'accueil du portail Chaindoc
Vue bibliothèque de documentation Chaindoc
Flux d'onboarding guidé Chaindoc
Mise en page article Chaindoc
Navigation ressources Chaindoc
Expérience de recherche Chaindoc
Variation d'interface Chaindoc

Résultat

Le produit a donc obtenu un site web hautement évolutif qui était rapide, facile à gérer et supporte de grands volumes de contenu sans affecter la performance. La documentation, les services et les informations essentielles sur le produit peuvent être accédés très rapidement par l'utilisateur, indépendamment de la croissance de la plateforme.

Une stratégie unique de gestion de contenu a assuré la cohérence du contenu entre le site et l'application, minimisant ainsi les erreurs et facilitant les mises à jour. Le workflow automatisé des formulaires et le traitement des données implémenté par l'IA ont contribué à des niveaux élevés d'efficacité au sein de l'entreprise, économisant le travail manuel et éliminant les soumissions non pertinentes.

Les fonctionnalités interactives et gamifiées ont conduit à l'engagement des utilisateurs, les analytics avancées ont donné une image claire du comportement utilisateur et l'équipe peut prendre des décisions éclairées concernant le produit et le marketing. Dans l'ensemble, le site s'est avéré être une plateforme solide pour construire la croissance, la communication et l'engagement utilisateur.

ÉlémentDétails
Délai de livraison
  • 12 jours pour la construction du site web
  • 8 jours pour le contenu (blog, documentation API, gamification et optimisation de contenu).
Coûts
  • Le site web a coûté 7 200 EUR
  • 40 articles ont coûté 1 600 EUR
  • gamification 400 EUR
  • documentation API 600 EUR
  • total 12 400 EUR.
Support mensuel
  • Hébergement, performance et geo-sharding 50 EUR/mois, maintenance du site 50 EUR/mois, total 100 EUR/mois.
Équipe
  • Chef de projet-analyste, développeur frontend, développeur backend, DevOps, QA.
Langues
  • Anglais, allemand, espagnol, estonien, français, hindi, italien, kazakh, polonais, portugais, russe, turc, ukrainien, vietnamien, chinois simplifié.
Total des pages
  • 1013
Stack d'indexation
  • Sitemap généré et validé, RSS activé pour les flux de contenu, et LLMs supportés avec des données structurées pour l'indexation IA.
Workflow
  • L'équipe apporte une expertise axée IA et utilise des agents avec des serveurs MCP, ce qui améliore la qualité, accélère la livraison et réduit les coûts.

Stack Technique

DomaineOutils
Design UX/UIFigma pour le design de mise en page, le prototypage et la passation de design
FrontendNext.js avec TypeScript pour un frontend rapide, évolutif et type-safe
Gestion de ContenuArchitecture de contenu modulaire utilisant JSON et Markdown pour la flexibilité et la performance
Système de DesignTailwind CSS pour un système UI cohérent, maintenable et évolutif

Besoin d'un Portail Web Évolutif ?

Nous concevons des portails structurés qui maintiennent le contenu complexe clair et prêt pour la conversion.

FAQ du Cas

Réponses pratiques sur la façon dont nous avons construit et livré la plateforme de signature de documents et paiements.