Indecx

HealthWell Website in Framer
HealthWell Website in Framer

Contexto: desafio de processo seletivo — 5 dias de prazo
Papel: Product Designer (UI, wireframes e protótipo de alta fidelidade)
Escopo entregue: nova identidade visual e redesign da tela inicial

O desafio

O projeto partiu de um sistema que junta duas coisas que normalmente vivem em produtos separados: um CMS (Content Management System), onde times operam e publicam conteúdo, e um dashboard de CX, monitorando métricas de NPS e CSAT. Dois públicos, dois objetivos, uma única tela inicial precisando fazer sentido para os dois ao mesmo tempo — sem virar uma colcha de retalhos.

O objetivo do desafio era claro: revitalizar essa tela inicial com uma identidade visual moderna, priorizando usabilidade e acessibilidade, e sem perder de vista o objetivo de negócio por trás de cada elemento da interface.

Por que isso é mais difícil do que parece

NPS e CSAT são métricas de natureza diferente, e um dashboard que as trata como intercambiáveis costuma confundir mais do que esclarecer. NPS mede lealdade — a chance de alguém recomendar o produto — enquanto CSAT mede satisfação pontual com uma interação específica. Um NPS alto ao lado de um CSAT em queda não é contradição, é sinal de que as pessoas gostam do produto mas estão tendo experiências ruins em pontos específicos — e um dashboard bem desenhado precisa deixar essa leitura possível à primeira vista, não escondida atrás de números soltos sem contexto.

Some a isso o lado CMS: um usuário nesse contexto não está ali para ler métrica, está ali para publicar, editar e gerenciar conteúdo rapidamente. Colocar as duas necessidades na mesma tela inicial sem que uma atropele a outra foi o problema real de design por trás do desafio.

Identidade visual

A nova identidade foi pensada para comunicar modernidade e eficácia ao mesmo tempo: uma paleta de cores vibrantes para dar energia e engajamento visual, combinada com uma tipografia priorizando legibilidade acima de tudo — afinal, é uma interface que vai ser lida, escaneada e revisitada todos os dias, não admirada uma vez só.

Wireframes e prototipagem

O trabalho de alta fidelidade se apoiou em três decisões centrais:

Hierarquia visual. Gráficos de NPS e CSAT ganharam destaque na composição, permitindo leitura rápida das métricas mais importantes sem precisar caçar informação pela tela. A boa prática aqui é conhecida no design de dashboards: uma tela madura deve responder a uma pergunta central por vez e limitar o número de métricas visíveis simultaneamente — o excesso de números na tela vira ruído, não sinal.

Navegação intuitiva. O menu foi simplificado para dar acesso fácil tanto às funcionalidades do CMS quanto ao dashboard, sem forçar o usuário a escolher "qual sistema" está usando a cada momento — apesar de serem duas linguagens de produto, a navegação precisa parecer uma coisa só.

Acessibilidade. Cores e fontes foram escolhidas priorizando contraste e legibilidade, garantindo que a leitura de métrica — que já exige atenção — não fique ainda mais custosa por uma escolha visual mal calibrada.

Resultados

A nova interface melhorou a clareza na apresentação das informações e facilitou a navegação entre as duas frentes do sistema, entregando uma experiência mais eficiente tanto para quem entra para gerenciar conteúdo quanto para quem entra para acompanhar indicadores de satisfação. Mais do que atender às expectativas visuais do desafio, a proposta buscou aumentar a eficácia real do sistema no dia a dia de quem o usa.

Entregáveis finais

  • Nova identidade visual dos sistemas CMS e CX.

  • Diretrizes de design, incluindo paleta de cores e tipografia.

  • Protótipos de alta fidelidade da nova interface.

Case desenvolvido como desafio de processo seletivo, com prazo de 5 dias.

Vamos construir experiências incríveis?
Vamos construir experiências incríveis?
Vamos construir experiências incríveis?

Create a free website with Framer, the website builder loved by startups, designers and agencies.