Tem no SUS!
Produto que ajuda pessoas a descobrir serviços gratuitos do SUS, encontrar atendimento próximo e entender como acessar cada direito.
- Papel
- Produto, pesquisa, arquitetura e desenvolvimento na equipe
- Tecnologias
- Next.js, Expo, Supabase, PostGIS, CNES
O ponto de partida
Organizar o desenvolvimento e os entregáveis de uma proposta criada para o Desafio Liga Jovem.
O que foi construído
O repositório reúne aplicações, fluxos, documentação de planejamento e materiais de entrega. A aplicação principal está publicada na web.
Do pedido ao atendimento
O fluxo do aplicativo na ordem em que a pessoa percorre, da entrada aos ajustes de acessibilidade.
Entrar no aplicativo. 
Começar pela demanda. 
Encontrar o atendimento próximo. 
Localizar no mapa. 
Chegar com dado oficial. 
Validar em comunidade. 
Adaptar à pessoa.
Pinheiro, terracota e uma gota
A identidade precisa parecer serviço público sem parecer repartição: confiável como o SUS, acolhedora como quem atende bem. Landing e aplicativo compartilham a mesma paleta e os mesmos nomes de token, então o que se decide num lugar vale no outro.
verde#0d6a51
Cor de marca. Pinheiro, não o verde-bandeira do serviço público.
verde-deep#062f25
Fundo dos blocos de busca, onde o texto precisa de contraste alto.
verde-bright#18a878
Confirmação e estado positivo.
verde-wash#e2efe8
Superfície de apoio para avisos e blocos de comunidade.
coral#d65a3c
Terracota: o calor humano que o verde sozinho não carrega.
amber#e0a23f
Destaque pontual, reservado para o que muda de estado.
paper#f4f1e7
Creme quente no lugar do branco puro, que cansa em tela ao sol.
ink#14211c
Tinta principal, esverdeada, para não brigar com a paleta.
Fraunces para dizer, Inter para ler
A serifa variável abre as chamadas e dá voz à marca; o texto corrido, os rótulos e os dados ficam em Inter, que aguenta tamanho pequeno em tela de celular barato.
O token que foi escurecido por reprovar
O cinza de apoio nasceu #76837b e falhava AA 4.5:1 abaixo de 18px. Virou #506059 e a razão ficou escrita no próprio token, para ninguém reverter sem saber o que estava comprando.
Alto contraste é tema, não filtro
A variante acessível redefine a paleta inteira à mão (verdes mais profundos, bordas reforçadas, tinta preta) em vez de aplicar um filtro genérico por cima. A identidade sobrevive ao modo.
Pingo
A silhueta do Pingo é uma gota e um pin de mapa ao mesmo tempo, em terracota, com a cruz da saúde no corpo. A forma resolve duas coisas de uma vez: diz saúde e diz lugar, que é exatamente o que o aplicativo faz. Ele aparece onde a tela poderia assustar (onboarding, lista vazia, o que levar na consulta) e some no resto, para não virar enfeite. São seis poses, animadas em Lottie no aplicativo e reduzidas a SVG estático na web, onde a animação se mostrou instável. Cada pose carrega o próprio rótulo para leitor de tela.
Acenando: abre o onboarding
Apontando: indica o próximo passo
Checklist: o que levar na consulta
Decisões importantes
- Manter protótipos e documentos do projeto no mesmo histórico.
- Usar TypeScript na aplicação publicada.
- Registrar as etapas de planejamento junto do desenvolvimento.
O que funcionou
- A aplicação em TypeScript chegou a uma versão pública que pode ser demonstrada.
- O histórico reúne desenvolvimento, protótipos e materiais do desafio em um único lugar.
Limites e o que não funcionou
- A ausência de README impede entender com precisão o problema e as contribuições individuais.
- Os resultados do projeto ainda não estão documentados publicamente.
Próximo passo
Adicionar um README que explique o problema, a contribuição de cada pessoa e o resultado alcançado.