DICIO Website 3.0

DICIO AI necesitaba que su sitio web reflejara mejor la madurez de su producto y su posición como compañía de tecnología. La experiencia existente operaba más como un folleto digital: comunicación extensa, poca jerarquía, lectura pesada y una propuesta de valor difícil de entender rápido.

El problema de negocio era claro: el sitio no estaba convirtiendo el interés de visitantes en leads calificados con la fuerza necesaria. Para una compañía con productos complejos, el reto no era solo verse mejor, sino explicar mejor, guiar mejor y activar mejor.

Transformar un sitio denso y poco convertible en una experiencia clara para entender producto y generar leads.

El objetivo de negocio fue aumentar la capacidad del sitio para convertir interés en leads calificados.

Desde experiencia, el objetivo fue reducir carga cognitiva y hacer que la propuesta de valor pudiera entenderse con rapidez. Desde producto, la meta fue ordenar capacidades complejas en una narrativa clara. Desde diseño, el foco fue construir una interfaz modular, consistente y preparada para iterar.

Research, arquitectura microcontent-first, UI modular, design system y ciclos de optimización post-lanzamiento.

La nueva arquitectura priorizó microcontenido: piezas breves, escaneables y conectadas entre sí. Cada bloque debía resolver una pregunta específica del usuario y empujar la siguiente decisión sin saturar la pantalla.

Este enfoque permitió reducir texto descriptivo, mejorar jerarquía y hacer más fácil entender productos de IA y tecnología sin perder profundidad.

La solución reorganizó el sitio alrededor de una arquitectura microcontent-first: titulares escaneables, mensajes cortos, jerarquía visual fuerte y módulos diseñados para explicar valor sin obligar al usuario a leer bloques largos.

El diseño convirtió el sitio en un sistema modular. Cada sección debía cumplir una función concreta: explicar una capacidad, reducir una duda, dirigir a una acción o reforzar confianza. El design system en Figma permitió documentar componentes, patrones y reglas visuales para sostener consistencia entre diseño, contenido e implementación.

Los indicadores principales fueron conversión visitante a lead, tasa de rebote, tiempo promedio en sitio, reducción de texto descriptivo, claridad percibida de producto, interacción con CTAs y avance hacia formularios de contacto.

En este caso se documentaron mejoras post-lanzamiento: +30% en conversión visitante a lead durante Q1, -40% en tasa de rebote y -80% en texto descriptivo.

Se entregaron estrategia UX, arquitectura de información, estructura narrativa, microcopy, wireframes, UI final, design system en Figma, librería de componentes, prototipos, pruebas de usabilidad, handoff a desarrollo y lineamientos para optimización posterior.

El rediseño convirtió el sitio en un canal más claro y útil para negocio. Después del lanzamiento, la conversión visitante a lead creció 30% durante el primer trimestre, la tasa de rebote bajó 40% y el texto descriptivo se redujo 80%.

Más allá de las métricas, el proyecto dejó una base más madura para comunicar productos complejos: menos explicación acumulada, más dirección, más claridad y un sistema preparado para seguir creciendo.

Cuando un producto es complejo, el sitio no debe explicarlo todo al mismo tiempo. Debe diseñar una secuencia de comprensión: qué es, por qué importa, cómo funciona y qué hacer después.

El proceso inició con workshops de alineación, benchmarking e investigación de usuarios para entender dónde se perdía claridad y qué impedía que el visitante avanzara. El hallazgo central fue que el contenido acumulaba demasiada explicación y poca dirección.

La experiencia necesitaba dejar de describir producto como documentación y empezar a organizarlo como recorrido: entrada clara, lectura rápida, señales visuales y acciones visibles.

El sitio se diseñó como un sistema de módulos reutilizables: heroes, bloques de producto, argumentos de valor, CTAs, secciones de prueba, tarjetas y patrones de navegación. El objetivo era que el sitio pudiera crecer sin depender de páginas aisladas o decisiones visuales nuevas en cada actualización.

El design system en Figma funcionó como fuente de verdad para diseño e ingeniería, ayudando a mantener consistencia y velocidad de producción.

Después del lanzamiento, el trabajo continuó con ciclos de prueba, lectura de comportamiento y ajustes sobre copy, jerarquía, módulos y puntos de conversión. El sitio se trató como producto vivo, no como entrega cerrada.

Esta lógica permitió conectar diseño con medición: no solo publicar una nueva versión, sino observar cómo se entendía, dónde se abandonaba y qué partes ayudaban a convertir.

El impacto principal fue convertir el sitio en una herramienta más activa de crecimiento: una experiencia más clara para usuarios, más útil para negocio y más fácil de evolucionar para el equipo interno.

La solución dejó una base para comunicar tecnología compleja con menos ruido, mayor intención y una estructura capaz de soportar nuevas páginas, productos y campañas.