Estudo de caso

Web responsivo

Redesign

Lacrei Saúde - Fluxo de agendamento de consulta

Atuação

UI Designer

Duração

1 semana

Ferramentas

Figma

Categoria

Redesign

Desafio

Desafio

Desafio

Considere que você foi a pessoa selecionada para desenvolver o fluxo de telas (web e mobile), do fluxo da jornada da pessoa usuária da Lacrei Saúde, que possibilite a esta fazer o login buscando as pessoas profissionais por localização, verificar os serviços e entrar em contato.

As principais ações que a pessoa usuária deve fazer durante esse fluxo são:

  • Fazer o login

  • Acessar o perfil da pessoa profissional;

  • Verificar os serviços que a pessoa profissional oferece;

  • Consultar o telefone da pessoa profissional para solicitar o agendamento do atendimento.

Benchmarking

Benchmarking

Benchmarking

Como apoio à construção do fluxo e das decisões de UI, foi realizada uma análise de referência de plataformas que oferecem serviços de busca e agendamento de consultas, entre elas: Dr. Consulta, Agendar Consulta, AmorSaúde e BoaConsulta.
O objetivo dessa análise foi identificar padrões consolidados de mercado, boas práticas de hierarquia da informação, organização de resultados, apresentação de perfis profissionais e clareza nas ações de contato

Esses aprendizados ajudaram a orientar decisões de arquitetura da informação e interface, contribuindo para um fluxo mais intuitivo e alinhado às expectativas das pessoas usuárias.

UI Design e telas

UI Design e telas

UI Design e telas

As interfaces foram desenvolvidas no Figma, utilizando boas práticas de design e organização, incluindo:

  • Uso de Auto Layout para garantir responsividade e escalabilidade;

  • Criação de componentes reutilizáveis;

  • Prototipação navegável para simular a experiência real do fluxo.


Todo o desenvolvimento das interfaces seguiu o Design System da Lacrei Saúde, garantindo consistência visual, alinhamento com a identidade da marca e maior proximidade com um cenário real de implementação.

O uso do Design System orientou decisões de tipografia, cores, espaçamentos, componentes e estados, contribuindo para uma experiência coesa ao longo de toda a jornada.


Um ponto central deste projeto foi o uso de variáveis no Figma para estruturar uma lógica de filtros dinâmicos na página de busca por pessoas profissionais. Essa abordagem permitiu simular diferentes combinações de filtros diretamente no protótipo, tornando a navegação mais próxima do comportamento real do produto. Além de enriquecer a experiência de quem navega pelo protótipo, essa solução facilita a validação do fluxo e a comunicação com times técnicos em um cenário de desenvolvimento real.

As interfaces foram desenvolvidas no Figma, utilizando boas práticas de design e organização, incluindo:

  • Uso de Auto Layout para garantir responsividade e escalabilidade;

  • Criação de componentes reutilizáveis;

  • Prototipação navegável para simular a experiência real do fluxo.


Todo o desenvolvimento das interfaces seguiu o Design System da Lacrei Saúde, garantindo consistência visual, alinhamento com a identidade da marca e maior proximidade com um cenário real de implementação.

O uso do Design System orientou decisões de tipografia, cores, espaçamentos, componentes e estados, contribuindo para uma experiência coesa ao longo de toda a jornada.


Um ponto central deste projeto foi o uso de variáveis no Figma para estruturar uma lógica de filtros dinâmicos na página de busca por pessoas profissionais. Essa abordagem permitiu simular diferentes combinações de filtros diretamente no protótipo, tornando a navegação mais próxima do comportamento real do produto. Além de enriquecer a experiência de quem navega pelo protótipo, essa solução facilita a validação do fluxo e a comunicação com times técnicos em um cenário de desenvolvimento real.

As interfaces foram desenvolvidas no Figma, utilizando boas práticas de design e organização, incluindo:

  • Uso de Auto Layout para garantir responsividade e escalabilidade;

  • Criação de componentes reutilizáveis;

  • Prototipação navegável para simular a experiência real do fluxo.


Todo o desenvolvimento das interfaces seguiu o Design System da Lacrei Saúde, garantindo consistência visual, alinhamento com a identidade da marca e maior proximidade com um cenário real de implementação.

O uso do Design System orientou decisões de tipografia, cores, espaçamentos, componentes e estados, contribuindo para uma experiência coesa ao longo de toda a jornada.


Um ponto central deste projeto foi o uso de variáveis no Figma para estruturar uma lógica de filtros dinâmicos na página de busca por pessoas profissionais. Essa abordagem permitiu simular diferentes combinações de filtros diretamente no protótipo, tornando a navegação mais próxima do comportamento real do produto. Além de enriquecer a experiência de quem navega pelo protótipo, essa solução facilita a validação do fluxo e a comunicação com times técnicos em um cenário de desenvolvimento real.

Desktop

Desktop

Desktop

Para uma melhor visualização, acesse o protótipo desktop no Figma.

Mobile

Mobile

Mobile

Para uma melhor visualização, acesse o protótipo mobile no Figma.

Protótipo

Protótipo

Protótipo

© 2026 Todos os direitos reservados

© 2026 Todos os direitos reservados

© 2026 Todos os direitos reservados

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