Vezert
Back to Portfolio

Plataforma de Firma de Documentos y Pagos

Plataforma que guía a los usuarios a través de los pasos de firma de documentos y pagos con navegación clara y onboarding.

Portal WebDiseño UX/UIArquitectura de InformaciónDiseño Responsive
Interfaz de la plataforma de firma de documentos y pagos para Chaindoc

Salud del Sitio

95%

Rendimiento

97%

SEO

100%

Salud Búsqueda IA

92%

Precio

12.400 EUR

Plazo

20 días

Resumen

En el caso de un producto original y nuevo, requeríamos un sitio que fuera muy minimalista y orientado al rendimiento. Esto se lograría expresando claramente las características principales del producto y asegurando que las cosas más importantes estuvieran en foco sin prestar demasiada atención a elementos de diseño que pudieran arruinar el diseño en sí.

El soporte en una variedad de idiomas era una de las condiciones esenciales, y el sitio abordó 15 idiomas para alcanzar una audiencia global. Además, el sitio debía estar equipado con un área de soporte, documentación API completa para desarrolladores, un blog y varios formularios, todos integrados con n8n para automatizar flujos de trabajo y procesos internos.

Objetivos

  • Asegurar que la navegación sea fácil y clara.
  • Introducir nuevos usuarios al producto sin congestionarlos.
  • Mantener a los usuarios al tanto de actividades importantes y la información más valiosa.
  • Obtener alto rendimiento y escalabilidad con el crecimiento de la plataforma.
  • Tener una estética limpia y moderna en consonancia con productos digitales.

Solución

Nuestra arquitectura adoptó un diseño de alto rendimiento que simplifica la gestión de contenido y la publicación de grandes cantidades de contenido, además de proporcionar acceso rápido a todos los servicios del producto para los usuarios.

La página de Precios fue incorporada con un sistema cohesivo de gestión de contenido para evitar la discrepancia de datos entre el sitio y la aplicación. El sitio fue desarrollado en el mismo estilo visual que el producto para que la marca no perdiera su consistencia y tuviera una experiencia de usuario bien desarrollada.

Creamos varios formularios dentro del sitio y los vinculamos a los procesos internos de la empresa a través de n8n. Además, se agregaron agentes de IA para controlar y analizar envíos de formularios, como filtrar spam, clasificar solicitudes de socios y categorizar material entrante.

Una de las prioridades también fue la gamificación. En el caso de la versión de escritorio del sitio, desarrollamos herramientas de dibujo que permiten al usuario interactuar y personalizar páginas. Todos los dibujos se guardan en el navegador y por lo tanto se puede ver el trabajo guardado cuando se regresa.

También hay varios sistemas de analítica incorporados en el sitio que permiten el análisis del comportamiento del usuario y tomar decisiones basadas en la información.

Pantallas de la Solución

Pantallas clave que muestran cómo el portal Chaindoc guía a los usuarios a través de la documentación.

Página principal del portal Chaindoc
Vista de biblioteca de documentación Chaindoc
Flujo de onboarding guiado Chaindoc
Diseño de artículo Chaindoc
Navegación de recursos Chaindoc
Experiencia de búsqueda Chaindoc
Variación de interfaz Chaindoc

Resultado

Por lo tanto, el producto obtuvo un sitio web altamente escalable que era rápido, fácil de gestionar y soporta grandes volúmenes de contenido sin afectar el rendimiento. La documentación, servicios e información esencial sobre el producto pueden ser accedidos muy rápidamente por el usuario, independientemente del crecimiento de la plataforma.

Una estrategia única de gestión de contenido aseguró la consistencia del contenido entre el sitio y la aplicación, minimizando errores y facilitando las actualizaciones. El flujo de trabajo automatizado de formularios y el procesamiento de datos implementado por IA contribuyeron a altos niveles de eficiencia dentro de la empresa, ahorrando trabajo manual y eliminando envíos irrelevantes.

Las características interactivas y gamificadas llevaron al engagement del usuario, las analíticas avanzadas dieron una imagen clara del comportamiento del usuario y el equipo puede tomar decisiones informadas sobre producto y marketing. En general, el sitio resultó ser una plataforma sólida para construir crecimiento, comunicación y engagement del usuario.

ElementoDetalles
Plazo de entrega
  • 12 días para la construcción del sitio web
  • 8 días para contenido (blog, documentación API, gamificación y optimización de contenido).
Costos
  • El sitio web costó 7.200 EUR
  • 40 artículos costaron 1.600 EUR
  • gamificación 400 EUR
  • documentación API 600 EUR
  • total 12.400 EUR.
Soporte mensual
  • Hosting, rendimiento y geo-sharding 50 EUR/mes, mantenimiento del sitio 50 EUR/mes, total 100 EUR/mes.
Equipo
  • Gerente de proyecto-analista, desarrollador frontend, desarrollador backend, DevOps, QA.
Idiomas
  • Inglés, alemán, español, estonio, francés, hindi, italiano, kazajo, polaco, portugués, ruso, turco, ucraniano, vietnamita, chino simplificado.
Total de páginas
  • 1013
Stack de indexación
  • Sitemap generado y validado, RSS habilitado para feeds de contenido, y LLMs soportados con datos estructurados para indexación IA.
Flujo de trabajo
  • El equipo aporta experiencia enfocada en IA y usa agentes con servidores MCP, lo que mejora la calidad, acelera la entrega y reduce costos.

Stack Tecnológico

ÁreaHerramientas
Diseño UX/UIFigma para diseño de layout, prototipado y entrega de diseño
FrontendNext.js con TypeScript para un frontend rápido, escalable y con tipos seguros
Gestión de ContenidoArquitectura de contenido modular usando JSON y Markdown para flexibilidad y rendimiento
Sistema de DiseñoTailwind CSS para un sistema UI consistente, mantenible y escalable

¿Necesita un Portal Web Escalable?

Diseñamos portales estructurados que mantienen el contenido complejo claro y listo para la conversión.

FAQ del Caso

Respuestas prácticas sobre cómo construimos y entregamos la plataforma de firma de documentos y pagos.