Case study

Olhealth

Acompanhamento médico contínuo em um só lugar: consultas, exames, diagnósticos, medicamentos e sinais vitais — desenhado para idosos, cuidadores, médicos e clínicas.

Contexto
Projeto acadêmico — UCB
Papel
UX/UI e Produto
Time
5 integrantes
Produto
App mobile + web clínica
Landing page do Olhealth apresentando o app de acompanhamento médico

Problema e visão

O histórico de saúde de uma pessoa vive espalhado: receitas em papel, exames em pastas, medições anotadas em cadernos. Isso dificulta identificar padrões clínicos, acompanhar sintomas recorrentes e antecipar diagnósticos — especialmente no cuidado de idosos, onde o registro depende de terceiros.

O Olhealth reúne consultas, exames, diagnósticos, tratamentos e sinais vitais em um histórico digital contínuo, acessível ao paciente e aos profissionais autorizados. Além do registro, oferece lembretes de medicação e consultas e recursos analíticos para o médico observar a evolução ao longo do tempo, favorecendo uma medicina mais preventiva.

Quatro perfis, quatro fluxos

O maior desafio de design foi servir públicos com repertórios digitais muito diferentes sem fragmentar o produto.

Idoso

Registra sinais vitais, medicamentos e sintomas em telas simples, com toque grande e poucas decisões por passo.

Cuidador / responsável

Acompanha mais de um paciente, lança medições no lugar dele e recebe lembretes de medicação e consultas.

Médico

Consulta o histórico consolidado, prescreve medicamentos e observa a evolução do paciente ao longo do tempo.

Clínica

Painel desktop para gerenciar pacientes, profissionais e permissões de acesso aos dados clínicos.

Histórias de usuário

Decisões de design

Um design system, quatro perfis

A mesma base de componentes atende idoso, cuidador, médico e clínica — muda a densidade de informação, não a linguagem visual.

Legibilidade acima de estética

Tipografia grande, alto contraste sobre o azul institucional e áreas de toque generosas para mãos com menos precisão.

Registro em poucos passos

Sinais vitais em cards numéricos grandes, com unidade visível e valor pré-selecionado, reduzindo digitação e erro.

Consentimento explícito

O compartilhamento de dados com médicos e clínicas é uma ação consciente do paciente, com toggles claros de permissão.

Telas e fluxos

Clique em qualquer imagem para abrir em tela cheia.

Landing page

Landing page

Página de apresentação do produto: proposta de valor, funcionalidades por perfil e planos (gratuito, família e clínicas).

Fluxo do idoso

Fluxo do idoso

Home simplificada, registro de sinais vitais, medicamentos, relatórios e configurações de acessibilidade.

Fluxo do cuidador

Fluxo do cuidador

Alternância entre pacientes, lançamento de medições, agenda de medicação e relatórios por período.

Fluxo do médico

Fluxo do médico

Busca de paciente, histórico clínico, prescrição e leitura da evolução dos sinais vitais em relatórios.

Fluxo do funcionário da clínica

Fluxo do funcionário da clínica

Versão mobile para a rotina da clínica: cadastro de pacientes, medições e vinculação a profissionais.

Fluxo da clínica (desktop)

Fluxo da clínica (desktop)

Painel administrativo com listas de pacientes e profissionais, perfis completos e gestão de acesso.

Arquitetura e stack

O sistema segue MVVM no cliente e uma API REST no servidor, com camadas bem separadas entre apresentação, lógica de negócio e persistência — documentado no Documento de Arquitetura de Software do projeto.

  1. 01Cliente — apresentação das telas por perfil
  2. 02ViewModel — lógica de apresentação, bindings, validação leve e chamadas de API
  3. 03API REST — endpoints, controllers e autenticação
  4. 04Negócio — serviços, repositórios e entidades
  5. 05Dados — banco MySQL
  6. 06Serviços externos — API de saúde e camada de IA
Arquitetura
MVVM + API REST
Back-end
Node.js com Express
Persistência
MySQL
Integrações
API de saúde e camada de IA
Segurança
TLS 1.2 e autenticação por middleware
Processo
XP, BDD, Jira e Trello

Qualidade, volume e desempenho

Volume previsto

25 mil usuários, 8 mil acessos diários e sessões de 20 a 30 minutos.

Desempenho

Todas as operações de CRUD com tempo de resposta máximo de 10 segundos.

Escalabilidade

Servidores em nuvem, com ajuste automático conforme a demanda de uso.

Quer conversar sobre esse projeto?