01. O DESAFIO E A JORNADA DE UX

O ecossistema de saúde no Brasil é historicamente sobrecarregado por interfaces complexas, cinzentas e burocráticas. O desafio de UX na Medflow foi transformar um processo analógico fragmentado de 180 dias em um fluxo linear, seguro e intuitivo.

Para resolver a dor do cliente (o C-Level hospitalar que perde faturamento com salas cirúrgicas ociosas), mapeamos a jornada e eliminamos todos os intermediários. A estratégia de UX foi ancorada em três pilares: Transparência de dados, Redução da carga cognitiva e Previsibilidade financeira.

TRANSPAR—`NCIA

Visibilidade total do processo de credenciamento.

CARGA COGNITIVA

Interfaces simplificadas para dados complexos.

PREVISIBILIDADE

Previsão de faturamento e ocupação de salas.

02. ANÁLISE COMPONENTIZADA DAS TELAS REAIS

A) A Primeira Impressão e Impacto de Dados (Hero Section)

Medflow Hero Section

Escolha de Design: Uma Hero Section limpa, onde o respiro visual (espaço em branco) é o protagonista principal. A tipografia serifada nos títulos principais confere um tom institucional de autoridade e seriedade.

Decisão de Interface: O botão de conversão principal (Call to Action) utiliza um tom azul escuro profundo para transmitir governança e estabilidade, posicionado estrategicamente ao lado de um botão secundário outline.

B) Arquitetura de Contraste e Proposta de Valor

Medflow Contrast Architecture

Escolha de Design: A quebra do modelo analógico para o digital precisava ser visualmente óbvia. Criamos uma seção de blocos comparativos (VS) simétricos.

Decisão de Interface: O lado esquerdo (o problema) utiliza um ícone de relógio sutil. O lado direito (a Medflow) introduz um ícone de raio, simbolizando velocidade e eficiência.

C) Jornada Linear e Componentes Sequenciais

Medflow Credentialing Flow

Escolha de Design: Para mitigar a ansiedade do usuário em um processo que exige envio de documentos complexos, a interface foi fragmentada em uma trilha de progresso linear com três passos claros.

Decisão de Interface: Cada etapa é isolada em um cartão (card) com cantos suavemente arredondados e ícones minimalistas. O fluxo visual é guiado por setas discretas de conexão.

D) Seções de Quebra de Ritmo Visual e Governança

Medflow Accordion Components

Escolha de Design: Para evitar a fadiga do usuário durante a rolagem da página, introduzimos seções com imagens de fundo contextualizadas em baixa opacidade.

Decisão de Interface: Os pilares de governança foram organizados através de componentes interativos de Accordion. O uso dos sinais de + e x funciona como microinterações claras.

E) Interatividade Orientada a Dados (O Simulador de ROI)

Medflow ROI Simulator

Escolha de Design: Em vez de simplesmente listar os benefícios textuais, criamos uma ferramenta de cálculo de retorno financeiro tangível e dinâmica.

Decisão de Interface e Microinterações: O componente de Slider (barra de rolagem) permite ao usuário arrastar o volume de médicos. Os dados abaixo são atualizados em tempo real.

F) Centralização de Ecossistema e Captura Final

Medflow Capture Section

Escolha de Design: A Medflow precisava se posicionar como um hub central. O rodapé encerra a jornada em um bloco de contraste invertido.

Decisão de Interface: O formulário de captura é limpo, com inputs de texto bem espaçados e tipografia refinada.

EXPERI—`NCIA MOBILE

Medflow Hero Mobile Medflow Menu Mobile Medflow Mobile Screen 1 Medflow Mobile Screen 2 Medflow Mobile Screen 3

03. CONCLUSÒO DO CASE

O resultado final da Medflow reflete exatamente a visão de produto que defendemos na BAZE: remover o excesso para focar na utilidade. Ao alinhar uma tipografia precisa, microinterações fluidas de feedback em tempo real e um layout estritamente limpo, provamos que soluções para indústrias robustas e complexas como a saúde podem (e devem) ser elegantes, eficientes e extremamente fáceis de usar.

MVP NO AR Netlify MVP