Lincoln Berto
Vamos conversar
Todos os projetos
Projeto social · voluntário

Escuta e Cuida

Plataforma de um projeto de extensão do curso de Psicologia da Universidade São Francisco com a PSF Jardim Galetto, em Itatiba. Feita para ajudar os profissionais da unidade de saúde a encontrar um psicólogo e marcar atendimento online a valor social.

Meu papel
Voluntário: design e código da plataforma
Período
2026
Stack
HTML, CSS e JavaScript
Links
escuta e cuida
Topo da plataforma Escuta e Cuida, em verde, com o apoio da PSF Galetto e da Universidade São Francisco
  • 8psicólogos com perfil na plataforma
  • 3passos do perfil até a sessão marcada
  • 3abordagens explicadas em linguagem simples
  • 0cadastros: o site não guarda dado de ninguém

o contexto

Cuidar de quem cuida

Alunos do último ano de Psicologia montaram um projeto para oferecer atendimento psicológico aos profissionais de uma unidade de saúde da família. Os psicólogos já estavam prontos para atender. Faltava um lugar simples onde a equipe da unidade pudesse conhecer cada um e chamar para conversar.

decisões

Menos etapas, mais confiança

  • Sem cadastro e sem formulário

    Saúde mental é um assunto delicado. Em vez de pedir dados, cada perfil tem um botão que abre o WhatsApp do próprio psicólogo. A conversa acontece entre os dois, e a plataforma não guarda nada.

  • Explicar antes de pedir uma escolha

    Quem nunca fez terapia não sabe a diferença entre Psicanálise e TCC. Por isso o site explica cada abordagem antes da lista de psicólogos, que pode ser filtrada por abordagem.

  • Um visual calmo

    Verde, fonte serifada nos títulos e bastante respiro. Biografias longas ficam recolhidas num "ver mais" para a lista não cansar.

  • Aviso de emergência

    O rodapé lembra que, em caso de emergência, o caminho é o CVV pelo 188, que atende 24 horas.

telas

Do primeiro contato à sessão marcada

O passo a passo aparece logo no começo, e as abordagens vêm antes da escolha do psicólogo.

escuta e cuida · como funciona
Seção Como funciona, com os três passos, e a explicação das abordagens terapêuticas
Os 3 passos e as abordagens
Topo da plataforma no celular
No celular

olhando para trás

O que eu faria diferente hoje

Este foi meu primeiro projeto para pessoas reais. Olhando o código hoje, com o que aprendi depois no portal de vagas e no site da Sonar, eu mudaria três coisas:

  • Estilos no lugar certo

    Parte do visual dos filtros está escrita dentro do JavaScript. O lugar dela é o CSS, com tokens de cor.

  • Filtros acessíveis

    Os botões de filtro precisam informar ao leitor de tela qual opção está ativa.

  • Psicólogos numa lista de dados

    Hoje cada card está escrito no HTML. Numa lista de dados, a equipe consegue incluir ou tirar alguém sem mexer no layout.

Próximo case Portal de vagas e painel do RH

Tem uma vaga ou um projeto em mente?

Me conta o que você precisa que eu te respondo.