Digital Strategy That Connects
Medable · UX/UI design, web management, Webflow Enterprise development
Series D, VC-funded clinical research startup. Brand and communication across 10+ web properties, working with cross-functional teams. Webflow CMS and components to build pages faster and keep design quality.
- Client
- Medable
- Role
- UX/UI design, web management, Webflow Enterprise development
Impacto en el negocio
Cuatro años, un ecosistema coherente.
Como parte del programa más amplio de experiencia digital y de cliente de Medable.
- De los tickets de soporte resueltos en una sola interacción
- 89%De los tickets de soporte resueltos en una sola interacción
- Sitios sobre un único sistema de diseño
- 8Sitios sobre un único sistema de diseño
- De aumento en el engagement de clientes
- 20%De aumento en el engagement de clientes
Cada equipo interno usaba sus propias herramientas y plataformas para resolver lo suyo, y ese armado fragmentado terminaba en una experiencia inconsistente y rota.
El problema, sin vueltas
Mi rol
Trabajé en la intersección entre diseño UX/UI, gestión web y desarrollo en Webflow Enterprise, colaborando con más de 10 equipos internos para lanzar y mantener varias iniciativas digitales.
Objetivos principales
- Traducir los objetivos de producto y de marca en experiencias web claras, en el sitio de Medable y sus propiedades asociadas.
- Diseñar y construir componentes de Webflow y estructuras de CMS escalables, que otros equipos pudieran reutilizar.
- Alinear stakeholders con design thinking, entregas ágiles y datos de analytics y de las herramientas de soporte.
Durante 4 años trabajé sobre distintas propiedades digitales para convertir una presencia web fragmentada en un ecosistema de diseño coherente.
En qué se tradujeron esos cuatro años
Investigación y discovery
Hice una investigación de escritorio inicial, una auditoría del stack técnico, un mapa de stakeholders, perfiles de usuario y benchmarking.
1. Investigación de escritorio
Audité las propiedades existentes, sus analytics y los temas recurrentes en los tickets de soporte, para encontrar dónde la experiencia actual le estaba costando plata al negocio.
2. Ecosistema del stack técnico
Mapeé el stack de publicación de punta a punta —CMS, librería de componentes, analytics y automatización de marketing— para entender qué permitían realmente las herramientas.
3. Mapa de stakeholders
Más de diez equipos internos, cada uno con sus herramientas y su propia definición de "terminado". El mapa hizo visibles las superposiciones y le dio al rediseño un vocabulario común.
4. Perfiles de usuario
Consolidé las entrevistas en un conjunto acotado de perfiles, cubriendo tanto a la audiencia de investigación clínica como a los equipos internos que publican para ella.
5. Benchmarking
Comparé contra sitios cercanos de investigación clínica y SaaS enterprise, para establecer qué le iba a resultar familiar al visitante.
Antes y después
Evolución del diseño
De 1.0 a 1.5 y a 3.0. Trabajando codo a codo con el VP de Marca, el Design Studio y el Director Creativo, co-lideré la implementación en Webflow del sitio de marketing.
Impacto de marca
El nuevo sitio entrega una experiencia de marca más consistente en todos los puntos de contacto, y muestra el crecimiento del producto, las historias de clientes y el reconocimiento de la industria.
La versión 3.0 incluye
- Rediseño del sitio de marketing y un sistema de diseño web compartido.
- Plantillas y componentes alineados con ADA Nivel AA.
- 10 reportes a medida con GA4, GTM y Looker Studio.
Proyectos multidisciplinarios
- Performance Marketing
- Landings de campaña y tests A/B
- Design Studio
- Sistema de marca y componentes compartidos
- Experience Design
- Experiencias web cercanas al producto
- Centro de Atención al Paciente
- Contenido y acceso para pacientes
- Soporte al Cliente
- Temas de los tickets que alimentaron el rediseño
- Innovación de Plataforma
- Historias de crecimiento del producto
- Clientes Enterprise
- Historias de clientes y reconocimientos
- Legales
- Cumplimiento en contenido regulado
- Delivery y Redacción Técnica
- Documentación y handoff
El movimiento como parte de la marca
Ocho animaciones, una por cada valor de la empresa, construidas para sostener la misma voz que el resto del sistema. Son archivos Lottie vectoriales y no video, así que se mantienen nítidas en cualquier tamaño y heredan el fondo de la página.
Empatía por vidas reales
Humildad para dejar hablar a la ciencia
Hacerse cargo para resolver
Foco para sostener la visión
Empuje para destacar en el oficio
Velocidad, pero con proceso consciente
Gusto por construir con arte
Colaboración entre disciplinas
Sistema de diseño web 3.0
Trabajar en conjunto con el equipo de diseño para construir componentes reutilizables, estándares y guías para gestionar actualizaciones.
Reflexiones finales
Hoy Medable tiene un proceso de diseño web con reglas claras y documentación, hecho con y para usuarios reales. Eso permite lanzar tests A/B y campañas mucho más rápido.
Cada equipo interno arma sus propias herramientas de CMS, pero con una guía clara de cómo implementar el sistema de diseño global.
