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 no negócio
Quatro anos, um ecossistema coerente.
Como parte do programa mais amplo de experiência digital e de cliente da Medable.
- Dos tickets de suporte resolvidos em uma única interação
- 89%Dos tickets de suporte resolvidos em uma única interação
- Sites sobre um único design system
- 8Sites sobre um único design system
- De aumento no engajamento de clientes
- 20%De aumento no engajamento de clientes
Cada time interno usava suas próprias ferramentas e plataformas, e esse arranjo fragmentado resultava em uma experiência inconsistente e quebrada.
O problema, sem rodeios
Meu papel
Atuei na interseção entre design UX/UI, gestão web e desenvolvimento em Webflow Enterprise, colaborando com mais de 10 times internos para lançar e manter várias iniciativas digitais.
Objetivos principais
- Traduzir os objetivos de produto e de marca em experiências web claras, no site da Medable e nas propriedades associadas.
- Projetar e construir componentes de Webflow e estruturas de CMS escaláveis, que outros times pudessem reutilizar.
- Alinhar stakeholders com design thinking, entregas ágeis e dados de analytics e das ferramentas de suporte.
Durante 4 anos trabalhei em diferentes propriedades digitais para transformar uma presença web fragmentada em um ecossistema de design coerente.
No que esses quatro anos resultaram
Pesquisa e discovery
Fiz uma pesquisa inicial, uma auditoria do stack técnico, um mapa de stakeholders, perfis de usuário e benchmarking.
1. Pesquisa de escritório
Auditei as propriedades existentes, seus analytics e os temas recorrentes nos tickets de suporte, para encontrar onde a experiência atual estava custando ao negócio.
2. Ecossistema do stack técnico
Mapeei o stack de publicação de ponta a ponta —CMS, biblioteca de componentes, analytics e automação de marketing— para entender o que as ferramentas realmente permitiam.
3. Mapa de stakeholders
Mais de dez times internos, cada um com suas ferramentas e sua própria definição de "pronto". O mapa tornou as sobreposições visíveis e deu ao redesign um vocabulário comum.
4. Perfis de usuário
Consolidei as entrevistas em um conjunto reduzido de perfis, cobrindo tanto o público de pesquisa clínica quanto os times internos que publicam para ele.
5. Benchmarking
Comparei com sites próximos de pesquisa clínica e SaaS enterprise, para estabelecer o que já seria familiar para o visitante.
Antes e depois
Evolução do design
De 1.0 a 1.5 e a 3.0. Trabalhando lado a lado com o VP de Marca, o Design Studio e o Diretor Criativo, co-liderei a implementação em Webflow do site de marketing.
Impacto de marca
O novo site entrega uma experiência de marca mais consistente em todos os pontos de contato, e mostra o crescimento do produto, as histórias de clientes e o reconhecimento do setor.
A versão 3.0 inclui
- Redesign do site de marketing e um design system web compartilhado.
- Templates e componentes alinhados ao ADA Nível AA.
- 10 relatórios sob medida com GA4, GTM e Looker Studio.
Projetos multidisciplinares
- Performance Marketing
- Landings de campanha e testes A/B
- Design Studio
- Sistema de marca e componentes compartilhados
- Experience Design
- Experiências web próximas ao produto
- Centro de Atenção ao Paciente
- Conteúdo e acesso para pacientes
- Suporte ao Cliente
- Temas dos tickets que alimentaram o redesign
- Inovação de Plataforma
- Histórias de crescimento do produto
- Clientes Enterprise
- Histórias de clientes e reconhecimentos
- Jurídico
- Conformidade em conteúdo regulado
- Delivery e Redação Técnica
- Documentação e handoff
O movimento como parte da marca
Oito animações, uma para cada valor da empresa, construídas para sustentar a mesma voz do resto do sistema. São arquivos Lottie vetoriais e não vídeo, então permanecem nítidas em qualquer tamanho e herdam o fundo da página.
Empatia por vidas reais
Humildade para deixar a ciência falar
Assumir a responsabilidade para resolver
Foco para sustentar a visão
Garra para se destacar no ofício
Velocidade, mas com processo consciente
Gosto por construir com arte
Colaboração entre disciplinas
Design system web 3.0
Trabalhar em conjunto com o time de design para construir componentes reutilizáveis, padrões e diretrizes para gerenciar atualizações.
Reflexões finais
Hoje a Medable tem um processo de design web com regras claras e documentação, feito com e para usuários reais. Isso permite lançar testes A/B e campanhas muito mais rápido.
Cada time interno monta suas próprias ferramentas de CMS, mas com um guia claro de como implementar o design system global.
