Cidade Saudável

Desafio

Gestores municipais frequentemente não percebiam o valor da Cidade Saudável devido à falta de comunicação eficaz sobre os impactos da solução. Essa dificuldade na compreensão limitava a adoção da plataforma, especialmente em novos municípios. O objetivo era criar uma experiência que não só demonstrasse os resultados da plataforma de forma clara, mas também alavancasse a confiabilidade e a atração para novos parceiros.

✱

Design visual e experiência do usuário:

• Para um visual consistente, utilizei uma paleta de cores para manter uma estética limpa, permitindo clareza nas informações e uma navegação sem atritos.

Objetivo

O objetivo principal era desenvolver uma landing page que destacasse o valor e o impacto da Cidade Saudável por meio de dados, resultados concretos e depoimentos, guiando os gestores em uma experiência visualmente atraente e intuitiva que demonstrasse os benefícios da plataforma.

Abordagem

Divisão estrutural da página em seções estratégicas:

• Sobre a plataforma: explicação do propósito e das funcionalidades principais, permitindo uma compreensão inicial dos recursos.

• Dados e resultados concretos: apresentação de dados que ilustram a melhoria na eficiência da coleta de dados e a precisão das informações.

• Depoimentos de usuários: depoimentos de gestores municipais, comunicando a eficácia e confiabilidade da solução.

✱

Processo de design

Análise competitiva:

Iniciei o processo estudando 10 plataformas similares, focando em como comunicavam impacto e resultados e identificando as melhores práticas que pudessem ser adaptadas. Descobri que a maioria das plataformas focava em métricas tangíveis e narrativas visuais para comunicar valor.

Validação de conteúdo:

Em colaboração com stakeholders, revisamos a estrutura e os textos da página. Feedbacks sobre linguagem e tom de voz ajudaram a ajustar o conteúdo, tornando-o mais acessível e confiável para o público-alvo.

Wireframes e prototipagem

Estrutura modular:

Desenvolvi wireframes dividindo a página em módulos, com uma hierarquia clara e um fluxo lógico que acompanhava a jornada do usuário. Isso facilitou a organização das informações e tornou a navegação mais intuitiva para os gestores.

Iteração com feedback:

Após criar os protótipos interativos, conduzi testes de usabilidade com stakeholders para validar o layout e a clareza das informações. O feedback indicou melhorias na organização do menu e na visualização de dados críticos, resultando em ajustes que simplificaram a navegação.

Design visual

Mobile first e responsividade:

Priorizamos o conceito mobile-first, essencial para gestores que acessariam a página em dispositivos móveis. Em todas as fases, a responsividade foi mantida para garantir uma experiência consistente entre dispositivos.

Paleta de cores e componentes de UI:

Utilizei uma paleta de cores que transmitisse confiança e profissionalismo, com uma tipografia clara e elementos visuais que facilitavam a navegação, mantendo uma interface leve e acessível.

Visualização de dados com infográficos:

Na seção de resultados, incluí infográficos que ilustravam a redução de tempo de coleta e o aumento na precisão dos dados. Essas visualizações tornaram os benefícios tangíveis, facilitando a compreensão do impacto da plataforma.

Resultados e impacto

• Engajamento e adoção: após o lançamento, notamos um aumento nas consultas de municípios interessados em adotar a plataforma, indicando que a apresentação visual e os dados de impacto comunicaram eficazmente os benefícios.

• Conversão: testes A/B realizados nas chamadas à ação e layout contribuíram para uma melhoria na taxa de conversão, destacando a importância de CTAs claras e de fácil compreensão.

• Expansão da plataforma: em poucos meses, novos municípios firmaram parcerias com a Cidade Saudável, ampliando o alcance da plataforma e promovendo melhorias na eficiência da coleta de dados em saúde pública.

Nota: dados específicos foram omitidos devido a um Non-Disclosure Agreement (NDA).

Impacto dos testes A/B em CTA

Distribuição de ações do usuário na página

✱

Conclusão e aprendizados

Este projeto foi uma oportunidade de aplicar um design centrado no usuário, orientado por pesquisa e colaborativo para resolver um problema complexo de comunicação e adoção. A estrutura visual clara e o uso de dados estratégicos e depoimentos possibilitaram uma comunicação eficaz dos benefícios da Cidade Saudável, fortalecendo a percepção de valor entre os gestores municipais.

Ao longo do processo, foquei em aplicar habilidades de estratégia de produto, experiência do usuário e design visual, todas essenciais para um Product Designer. Esse case demonstra minha capacidade de conduzir pesquisa e design para criar soluções que não apenas atendem, mas também ampliam o alcance do produto, assegurando um impacto direto e positivo na experiência e na adoção da plataforma.

✱