App Health

Plataforma Vizi Saúde: UX design para agendamento de consultas médicas online

O Vizi Saúde é uma inovadora plataforma de saúde no Brasil que visa transformar a experiência do paciente e do profissional de saúde. Projetada com um design centrado no usuário e uma interface altamente intuitiva, a Vizi Saúde facilita o gerenciamento de consultas e exames, conectando pacientes e profissionais de saúde de maneira fluida. A CamaraUX liderou o desenvolvimento desta plataforma dinâmica, garantindo que cada interação fosse intuitiva, eficiente e escalável. Fique por dentro de como criamos um ecossistema de saúde robusto e acessível!

Tela do site Vizi Saúde mostrando agendamento de consultas em um computador.
Cliente
App Health
Área
Healthtech

A Vizi Saúde foi criada para conectar pacientes, profissionais e clínicas em uma única experiência digital de saúde

A plataforma permite que pacientes encontrem profissionais, agendem consultas e exames e acompanhem seus procedimentos. Para clínicas e profissionais de saúde, oferece ferramentas de gestão de agenda e participação em um marketplace especializado.

Como o produto seria desenvolvido do zero, era necessário estruturar toda a experiência, desde a descoberta de profissionais até o gerenciamento das consultas.

O projeto também precisava integrar a Vizi aos demais produtos da App Health, criando um ecossistema consistente, escalável e preparado para receber novas funcionalidades.

Criar uma plataforma de saúde simples para pacientes e eficiente para profissionais e clínicas

Desenvolvemos a experiência completa da Vizi Saúde, desde a pesquisa inicial até a validação e o acompanhamento da implementação

O projeto começou com análises de mercado, benchmarks e entrevistas com potenciais usuários. Essa etapa permitiu identificar dificuldades encontradas em outras plataformas e compreender as expectativas de pacientes e profissionais de saúde.

Mapeamos os principais fluxos do produto, incluindo busca por profissionais, agendamento, gerenciamento de consultas, cadastro de dependentes e configuração de notificações.

Criamos um Design System com fundamentos visuais, componentes reutilizáveis e documentação para garantir consistência e acelerar o desenvolvimento. A biblioteca incluiu botões, campos, modais, cards e outros elementos utilizados nas interfaces.

Também estruturamos padrões reutilizáveis para agendamento, navegação em dashboards e gestão de usuários.

As interfaces foram desenvolvidas para web e mobile, seguindo uma abordagem mobile-first e priorizando clareza, acessibilidade e facilidade de navegação.

Durante a implementação, mantivemos uma colaboração contínua com a equipe de desenvolvimento para revisar componentes, ajustar comportamentos e garantir fidelidade às soluções projetadas.

Principais Funcionalidades da Plataforma

  • Pacientes: Gerenciamento de consultas, exames e procedimentos.
  • Profissionais/Clínicas: Ferramentas para gestão de agendamentos e integração ao marketplace de saúde.
  • Marketplace: Conexão direta entre pacientes e profissionais da saúde.

Responsabilidades no Projeto

  • Pesquisa Inicial: Análise de mercado, benchmarking e mapeamento das dores dos usuários.
  • Criação de Interfaces Web e Mobile: Design responsivo e centrado no usuário.
  • Testes de Usabilidade: Validação iterativa das soluções propostas.
  • Criação do Design System: Documentação e padronização de elementos visuais e componentes reutilizáveis.
  • Documentação e Handoff: Garantia de transição eficiente do design para o desenvolvimento.
  • Revisão com o Time de Desenvolvimento: Colaboração contínua para assegurar a fidelidade ao design.

Objetivos de Negócio

O projeto foi desenvolvido com base em objetivos claros e estratégicos:

  1. Criar um marketplace de saúde robusto e acessível.
  2. Dar autonomia ao paciente para gerenciar sua jornada de saúde.
  3. Tornar o sistema atraente e funcional para profissionais da saúde e clínicas.
  4. Promover a integração do Vizi com outros produtos da empresa, criando um ecossistema unificado.

Principais Desafios

Ao longo do desenvolvimento, enfrentamos os seguintes desafios:

  • Clareza na Comunicação: Descrever o produto de forma compreensível tanto para pacientes quanto para profissionais da saúde.
  • Portal do Paciente: Criar uma interface que facilitasse o gerenciamento de consultas e exames.
  • Página do Profissional/Clínica: Fornecer ferramentas de fácil uso para gestão de agendamentos.
  • Sistema de Agendamento: Tornar o processo intuitivo e eficiente.
  • Colaboração Multidisciplinar: Garantir uma integração ágil entre design e desenvolvimento.

Processo de Design

01. Pesquisa Inicial

Como o Vizi foi desenvolvido do zero, a fase inicial foi crucial para alinhar as necessidades de usuários e do negócio.

  • Benchmarking: Estudamos os principais concorrentes para identificar boas práticas e erros comuns em plataformas de saúde.
  • Mapeamento de Fluxos: Analisamos a experiência do usuário em produtos similares, avaliando o que fazia sentido para o Vizi.
  • Dores e Expectativas: Entrevistamos potenciais usuários para entender suas maiores dificuldades e o que esperavam de uma solução digital de saúde.
Diversas telas da plataforma Vizi Saúde, com anotações e elementos de design em destaque.

02. Criação do Design System

Para garantir consistência e escalabilidade, desenvolvemos um Design System robusto.

  • Componentes reutilizáveis, como botões, cards e modais.
  • Guia de estilo com definições de cores, tipografia e espaçamento.
  • Documentação completa para facilitar o trabalho de desenvolvedores.
Exibição de paleta de cores e elementos de design para a plataforma Vizi Saúde.

03. Desenvolvimento de Components

Os componentes foram desenvolvidos como blocos básicos e reutilizáveis para a interface do Vizi.

Principais Componentes Criados

  • Botões interativos (CTA, secundários e desabilitados).
  • Campos de entrada com validação de dados.
  • Modais de confirmação e alertas.
  • Cards informativos para exibição de consultas, exames e notificações.

Esses elementos garantiram uma base sólida para a construção do sistema.

Interface de design com botões, inputs e tabs em um layout organizado.

04. Desenvolvimento de Patterns

Após a criação dos componentes básicos, avançamos para o desenvolvimento de Patterns, que são soluções reutilizáveis para problemas comuns no fluxo dos usuários.

Principais Patterns Criados

  • Sistema de Agendamento: Um fluxo intuitivo que permite aos usuários agendar consultas com poucos cliques.
  • Navegação em Dashboard: Design de painéis organizados para pacientes e profissionais, permitindo acesso rápido às informações relevantes.
  • Gestão de Usuários: Soluções para editar perfis, adicionar dependentes e configurar notificações.

Esses padrões garantiram consistência e eficiência em toda a jornada do usuário.

Tela do sistema Vizi Saúde com interações, mensagens e dados do usuário

03. Criação de Interface (Web e Mobile)

Desenvolvemos telas responsivas com foco na simplicidade e acessibilidade.

  • Utilizamos o modelo Mobile-First, garantindo uma experiência fluida em dispositivos móveis.
  • Incorporamos elementos visuais que facilitam a navegação, como ícones intuitivos, cores funcionais e tipografia legível.
Tela inicial do sistema Vizi Saúde mostrando agendamento de consultas.
Pantalla inicial do sistema Vizi Saúde mostrando interface amigável e funcionalidades para pacientes e profissionais de saúde.
Interface do Sistema Vizi Saúde mostrando agendamentos e feedbacks de usuários.
Interface do Portal do Paciente do Sistema Vizi Saúde, mostrando páginas de profissional e clínica.
Telinhas do aplicativo Vizi Saúde em dispositivos móveis, mostrando interfaces de agendamento e perfil do usuário.

 Colaboração com o Time de Desenvolvimento

Mantivemos um canal de comunicação contínuo para:

  • Revisar a implementação dos componentes.
  • Ajustar detalhes visuais e funcionais conforme necessário.

Resultados do Projeto

  • Engajamento do Usuário: A plataforma apresentou alto índice de aceitação entre os pacientes e profissionais durante os testes.
  • Redução de Custos: O Design System e os Patterns criados reduziram significativamente o tempo e os recursos necessários para futuras atualizações.
  • Integração Suave: O Vizi foi integrado com sucesso aos demais produtos da empresa, ampliando sua funcionalidade e alcance.

Resultados do projeto

95% de integração com o ecossistema

A Vizi foi integrada aos demais sistemas da empresa, com apenas 5% de ajustes necessários após o lançamento inicial.

+90% de satisfação dos usuários

Durante os testes de usabilidade, pacientes e profissionais destacaram a facilidade de uso e a clareza das principais funcionalidades.

80% menos tempo de desenvolvimento

O Design System e os padrões reutilizáveis reduziram o tempo necessário para implementar novas funcionalidades e realizar ajustes na plataforma.