Um site que faz três trabalhos ao mesmo tempo: explica quem o instituto é, entrega ferramentas práticas para famílias atípicas e dá à equipe um painel para organizar famílias, voluntários, eventos e doações.
Deixe suas anotações. Toque em Anotar em qualquer seção ou funcionalidade para comentar, tirar uma dúvida, aprovar ou pedir mudança. Todo mundo que abrir este link vê as anotações.
O instituto trabalha com 6 pilares: saúde mental, saúde física, acolhimento, rede de apoio, capacitação e convivência. A frase que fecha o post dos pilares resume a proposta: a família é o centro, o amor é o caminho, a inclusão é o destino.
Ações que já existem e que o site precisa acomodar:
| Referência | O que fazem bem | O que trazer para o IAP |
|---|---|---|
| Autism Speaks (EUA) | Guia de recursos com busca por localização e tema; dezenas de “tool kits”, como o kit dos primeiros 100 dias após o diagnóstico; filtros por tipo de material e nível de suporte. | Diretório de apoio de Curitiba e região com filtros, e um guia passo a passo para quem acabou de receber o laudo. |
| Autismo e Realidade (Instituto PENSI) | Conteúdo educativo escrito por especialistas, organizado em blog e reunido em um guia para leigos. | Biblioteca de conteúdo em linguagem simples, organizada pelos 6 pilares e por faixa etária. |
| AMA (Associação de Amigos do Autista, SP) | Doação online e por Nota Fiscal Paulista, boletim periódico “Notícias dos Amigos”, auditoria publicada no site. | Página de transparência desde o primeiro dia e um boletim mensal de impacto. |
O diferencial do IAP frente a esses nomes é ser local e próximo. O site deve parecer uma extensão da roda de conversa, não um portal frio.
O Instagram usa cores muito saturadas, o que funciona no feed. No site, boa parte do público é autista ou cuida de alguém com sensibilidade sensorial. A regra é: manter as cores do logo, mas usá-las com moderação, sobre um fundo neutro e frio, com muito espaço em branco e layout sempre igual de página para página.
Cada pilar ganha uma cor fixa, usada em ícones, etiquetas e faixas. Assim a pessoa aprende o código e se orienta sem ler. Teste o modo baixo estímulo, que também vira um botão no site:
#1F3A7A#F6F7FB#3E9B6B#2F6FBF#E3A72F#24908F#DB7333#7A5BB5Botão fixo de WhatsApp em todas as páginas e menu de acessibilidade no topo. Área restrita separada para a equipe do instituto.
Cada item tem a fase em que entra. Use os filtros para ver o que vai em cada entrega e anote em cada item se ele deve ficar, mudar ou sair.
Checklist interativo dividido em semanas: o que pedir ao médico, como solicitar a carteira CIPTEA, como conversar com a escola, onde buscar terapias pelo SUS e pelo plano. A família marca o que já fez e o progresso fica salvo no aparelho.
Por quê: é o momento de maior desamparo, e foi assim que a história da própria presidente começou. Inspirado no kit de 100 dias da Autism Speaks.
Explica em linguagem simples a Lei Berenice Piana (12.764/2012), a CIPTEA (Lei 13.977/2020), BPC/LOAS, profissional de apoio na escola e cobertura de terapias por plano de saúde. A família preenche nome, escola ou plano, e o site gera um requerimento pronto para imprimir.
Por quê: é a ferramenta que mais economiza tempo e dinheiro das famílias. O texto precisa ser revisado por um advogado antes de publicar.
Diretório de terapeutas, clínicas, CAPSi, escolas inclusivas, grupos e igrejas parceiras, com filtros por bairro, tipo de serviço, idade e “aceita plano / SUS / valor social”. Profissionais pedem cadastro e o instituto aprova.
Por quê: é o pilar “rede de apoio” virando produto, e traz parceiros que divulgam o site.
Artigos, cartilhas em PDF e vídeos curtos, filtrados pelos 6 pilares e por faixa etária (0–6, 7–12, adolescentes, adultos, mães e pais). Inclui os conteúdos que já foram publicados no Instagram.
Por quê: os 353 posts viram acervo pesquisável em vez de se perderem no feed.
A família monta a rotina do dia arrastando cartões com pictogramas (acordar, escovar os dentes, escola, terapia) e imprime ou salva no celular.
Por quê: material muito usado em terapia e na escola, que hoje as famílias fazem à mão.
Login simples para guardar documentos e laudos, registrar terapias e anotações, ver inscrições em eventos e receber avisos do instituto.
Por quê: cria vínculo contínuo. Exige cuidado extra com LGPD por envolver dados de saúde de crianças.
PIX copia-e-cola e QR code, valores sugeridos e barra de progresso para campanhas como o Natal Inclusivo (por exemplo, “R$ 2.340 de R$ 5.000”).
Por quê: substitui o print com dados bancários e mostra resultado, o que aumenta doações.
Assinatura mensal por cartão ou PIX automático, usando a API do Asaas, que o instituto já usa como conta.
Por quê: receita previsível é o que permite planejar o ano.
Agenda com rodas de conversa e capacitações. Cada evento tem limite de vagas, lista de espera e confirmação com link para o WhatsApp e para a agenda do celular.
Por quê: tira a inscrição do WhatsApp e mostra à equipe quantas pessoas vêm.
Formulário com áreas de interesse (eventos, comunicação, terapias, transporte, cozinha), disponibilidade e termo de voluntariado. Na fase 3, o crachá sai pronto do sistema.
Por quê: os posts já pedem voluntários e há gente respondendo nos comentários sem um caminho claro.
Página para empresas patrocinarem campanhas, com cotas, logo no site e um selo que a empresa pode usar.
Por quê: empresas locais são a maior fonte de recurso de ONGs pequenas.
Formulário curto (“quero ser acolhida pelo instituto”) com consentimento LGPD. Entra direto no painel da equipe.
Por quê: organiza a fila de acolhimento, hoje espalhada em mensagens.
A equipe publica eventos, notícias, campanhas e materiais sozinha, pelo celular.
Por quê: se depender do desenvolvedor para cada post, o site fica desatualizado em dois meses.
Lista de famílias acompanhadas por pilar, voluntários por área, inscritos por evento e doações por campanha, com exportação para planilha.
Por quê: é o “sistema” da ONG, substituindo planilhas e conversas soltas.
Gera números por pilar e por período (famílias atendidas, encontros, horas de voluntariado, valor arrecadado) para a página de transparência e para inscrição em editais.
Por quê: editais e empresas pedem exatamente esses números.
| Parte | Sugestão | Motivo |
|---|---|---|
| Site e ferramentas | Next.js | Páginas rápidas, bom para Google, e as ferramentas interativas ficam no mesmo projeto. |
| Banco, login e arquivos | Supabase | Plano gratuito cobre o início; login e permissões prontos para o painel. |
| Gestão de conteúdo | Painel próprio ou Sanity | Equipe edita sem mexer em código. |
| Pagamentos | Asaas (API) | O instituto já tem conta; aceita PIX, cartão e assinatura. |
| Hospedagem | Vercel | Pode começar sem custo mensal relevante. |
| Domínio | .org.br no Registro.br | Exige CNPJ, que o instituto já tem. Ex.: autismonapratica.org.br (verificar disponibilidade). |
Estimativas para uma pessoa desenvolvendo em meio período. Cada fase entra no ar sozinha.
Páginas institucionais, 6 pilares, transparência, doação PIX com metas, agenda com inscrição, voluntários, triagem de famílias, gestão de conteúdo, acessibilidade básica.
Primeiros passos, guia de direitos com gerador de documentos, rede de apoio, biblioteca por pilar, programa Empresa Amiga.
Área da família, painel completo, doação recorrente, crachás, relatório de impacto, gerador de rotina visual.
Nenhuma anotação ainda. Toque em Anotar em qualquer seção para começar.