visual design
·
no-code
·

De fricción a confianza: una web que sí representa a Dcycle

Rediseño estratégico de la web de Dcycle para alinear marca, narrativa y arquitectura de contenidos con su rol como plataforma integral de gestión ESG.

Resumen del proyecto

Rediseño de la web de Dcycle con un doble objetivo: que la web volviera a representar quiénes son hoy como compañía y que se convirtiera en una extensión natural de su estrategia de captación (webinars, eventos, demos).

El trabajo combinó definición estratégica, arquitectura de información orientada a casos de uso y un sistema de datos y plantillas que permite escalar blog y recursos sin perder coherencia ni claridad.

El trabajo combinó una definición estratégica de la web y el rediseño de la arquitectura de la web -servicios, historias de éxito, landings para leads y recursos- alrededor de casos de uso reales, junto con un sistema de datos y páginas que ordenan y hacen escalable todo su contenido.

Cliente/Tipo de proyecto
Dcycle - plataforma SaaS B2B para centralizar y activar datos de sostenibilidad y ESG.
Fecha del proyecto
2026
Tu rol en el proyecto
Product Designer & Webflow Developer - Responsable de la definición de la arquitectura de la información, sistema de datos (CMS) y diseño de la interfaz.
El reto del proyecto
  • Desalineación marca-web: El equipo sentía que la web había quedado atrás respecto a la visión actual del producto y su posicionamiento en el ecosistema ESG.
  • Fricción tras los webinars/eventos: Tras una charla o webinar, compartir la web generaba dudas internas: sabían que no transmitía la misma solidez, foco y propuesta de valor que ellos defendían en directo.
  • Blog y recursos en crecimiento: El contenido de blog y recursos ya no era solo “artículos sueltos”; incluía guías, estudios y documentos técnicos, con casuísticas muy distintas que exigían una base de datos bien pensada y una interfaz con condicionales.
  • Necesidad de co-creación: Era clave aprovechar la claridad de visión del equipo de Dcycle, que ya sabía bien cómo quería posicionarse y qué mensajes funcionaban para explicar lo que hacían.

1. Alinear cómo querían proyectarse

Antes de pensar en soluciones, el punto de partida fue el trabajo previo del equipo de Dcycle: ellos ya habían hecho un gran ejercicio de reflexión sobre cómo hablar a sus usuarios, qué les importa y qué mensajes conectan mejor con su día a día. Ese conocimiento fue la base para construir la estructura de las páginas y decidir qué debía aparecer, dónde y con qué profundidad.

2. Arquitectura de la información orientada a casos de uso

Reorganización de la web para que el usuario entienda rápido:

  • Qué problema soluciona Dcycle
  • Cómo lo resuelve
  • Qué impacto genera

3. Diseño del sistema de datos y condicionales

  • Auditoría del contenido existente
  • Definición de una base de datos que soporta
  • Diferentes tipos de recurso con campos específicos
  • Comportamientos condicionales en interfaz y según idioma

4. Visual y tono: de complejo a claro

Elección de un lenguaje visual que refuerza la idea de negocio: bloques, estructura modular, jerarquías claras y uso controlado del color para guiar la atención

Uso de comparativas antes/después, métricas y claims claros para reducir fricción y hacer que la web acompañe mejor al discurso del negocio.

5. Colaboración con el equipo de Dcycle

El alto grado de implicación del equipo permitió:

  • Tomar decisiones rápidas y respaldadas por contexto de negocio real.
  • Ajustar la narrativa a lo que realmente preguntan los clientes en demos y llamadas comerciales.

‍

‍

· · ·

Aprendizajes y conclusiones

  • Alineación interna: El equipo vuelve a sentir que la web les representa y la utiliza con confianza como extensión natural de sus acciones de captación.
  • Mayor claridad para leads: La nueva estructura facilita entender qué hace Dcycle, para quién y con qué resultados, reduciendo la fricción en el paso de “evento → web → demo”.
  • Sistema escalable de contenidos: El trabajo de base de datos y plantillas permite seguir publicando recursos y casos de uso sin perder coherencia, activando mejor el contenido existente.
💡 Aprendizaje clave personal:
Diseñar es mucho más que simplemente ponerte a “pintar” en Figma. Ha sido clave entender cómo se quiere proyectar la compañía, cómo usa la web en su funnel y cómo estructurar datos y contenido para que el producto digital acompañe a negocio a largo plazo. De esta forma, se consigue tener un diseño que habla el mismo idioma que el negocio.
· · ·