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!

Sobre o Projeto

O Vizi Saúde é uma plataforma inovadora que visa transformar a maneira como pacientes e profissionais de saúde se conectam e gerenciam a jornada de cuidado. Com uma interface centrada no usuário e uma abordagem intuitiva, a plataforma oferece uma solução completa para agendamento de consultas, exames e procedimentos, tanto online quanto presenciais. Liderei o desenvolvimento deste projeto, focando em criar uma experiência fluida e acessível para todos os usuários, desde pacientes até profissionais de saúde. Com uma base sólida em pesquisa e design, o Vizi Saúde não só facilita o gerenciamento de saúde, mas também promove uma integração ágil entre os diversos serviços e produtos da empresa, criando um ecossistema robusto e escalável.

Cliente: App Health

Logotipo do aplicativo Health com símbolo de cruz estilizada e texto ao lado
O App Health é um sistema inovador que oferece soluções sob medida para o setor de saúde. Com pacotes personalizados, a plataforma reúne desde agenda eletrônica até funcionalidades de telemedicina, facilitando a gestão e o atendimento de clínicas e profissionais de saúde. Com o App Health, sua equipe tem mais eficiência e seus pacientes, mais comodidade. O Vizi Saúde é uma plataforma do grupo App Health, uma empresa que se dedica a transformar a experiência de cuidado com tecnologia de ponta e soluções integradas para a saúde.

Principais desafios

Sucesso do projeto

+90% de Satisfação dos Usuários

Durante os testes de usabilidade, mais de 90% dos pacientes e profissionais de saúde relataram uma experiência positiva com a interface, destacando a facilidade de uso e a clareza das funcionalidades.

80% de Economia em Tempo de Desenvolvimento

O Design System criado para o Vizi Saúde reduziu em 80% o tempo necessário para a implementação de novas funcionalidades e ajustes, aumentando a eficiência da equipe de desenvolvimento.

95% de Integração Suave

A plataforma foi integrada com sucesso aos sistemas existentes da empresa, com apenas 5% de ajustes necessários após o lançamento inicial, demonstrando a eficácia na criação de um ecossistema unificado.

Detalhes do projeto:

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.