Criação e manutenção de site para ONGs

Criação e manutenção de site para ONGs, institutos e associações que precisam mostrar o trabalho a quem financia.

Conversa gratuita de 30 minutos.

Quem já trabalhou com a gente

Projetos que a gente fez para organizações sociais.

REMS - Rede Esporte pela Mudança Social
Instituto Teko Porã
Cidadão Pró-Mundo
Movimento Profissão Docente
SINDPD/SC
Menstruamos em Voz Alta
ADD 30 anos

Qual serviço é para a sua ONG?

Quatro situações e o serviço que responde a cada uma.

Hoje

Ninguém sabe o que trava o site

A ONG precisa de um site novo

O site existe, mas ninguém cuida dele

Falta material para prestar contas

Ilustração de um homem que examina com uma lupa a página de um site num monitor grande

Para começar: diagnóstico de site e Ad Grants

Antes de investir num projeto, vale saber o que trava o site e se a ONG pode usar o Google Ad Grants.

Diagnóstico de site: o que corrigir primeiro e por quê

É uma auditoria paga do site da ONG. A gente analisa as páginas principais como o Google analisa (se aparecem na busca, velocidade, títulos) e revisa a acessibilidade pelas diretrizes WCAG 2.1 AA, o padrão internacional de acessibilidade na web. Você recebe as correções em ordem de impacto e uma reunião para explicar cada uma.

lista de correções

acessibilidade WCAG

velocidade do site

reunião de devolutiva

Página do site do TGBS Brasil no celular

Descubra se a sua ONG pode usar o Google Ad Grants

Um checklist confere se a ONG pode entrar no programa, a começar pelo cadastro no Google for Nonprofits. A gente avalia se o site atende às regras do Google Ad Grants e propõe a estrutura da conta e as primeiras palavras-chave. Termina com um plano e a decisão de seguir ou não.

teste de elegibilidade

avaliação do site

plano da conta

palavras-chave

Página do site do TGBS Brasil no celular
Ilustração de uma coordenadora de ONG que trabalha no notebook enquanto um voluntário segura uma muda

Projetos: criação de site para ONG

Trabalhos com começo e fim, numa proposta que diz o que entra, o que fica de fora e como cada etapa é aprovada.

Site para ONG que a sua equipe atualiza sozinha

Site institucional em Framer para ONGs e institutos, com notícias e projetos que a equipe edita sem código e páginas pensadas para doação e patrocínio. Inclui organização das páginas, design, SEO básico (ajustes para o Google encontrar o site), acessibilidade e um treinamento no fim. O site fica na conta Framer da organização.

site em Framer

área de notícias

treinamento da equipe

site na conta da ONG

Site do Instituto Teko Porã no celular

Troque o WordPress pelo Framer e mantenha o histórico de buscas

A migração do WordPress para o Framer é feita em etapas. A gente mapeia cada página, post e campo, cria redirecionamentos 301 (que levam quem usa um endereço antigo para a página nova) e compara os dois sites em rodadas de revisão, com teste dos formulários antes de publicar.

conteúdo migrado

redirecionamentos 301

rodadas de revisão

teste dos formulários

Página do site do Instituto Teko Porã no celular

Todos os materiais da ONG com a mesma cara

A gente cria o logo ou ajusta o atual e define cores, tipografia e manual de marca, em HTML ou PDF. A identidade vira o padrão visual do site (design system), com contraste, textos alternativos e ordem de leitura revisados pelas diretrizes WCAG 2.1 AA.

logo e cores

manual de marca

padrão visual do site

Página do site da Profissão Docente no celular

Página de campanha no ar antes da data marcada

Página de campanha em Framer (landing page) para voluntariado, arrecadação ou mobilização. Cada página tem um objetivo e um botão principal, com formulário testado, medição básica de acessos e versão para celular. A data de lançamento entra na proposta como prazo fixo.

formulário testado

versão para celular

medição de acessos

prazo fixo

Site da Profissão Docente no celular
Ilustração de uma mulher que atualiza o site no notebook, com um calendário marcado na parede

Manutenção de site, todo mês

Depois do lançamento, alguém precisa cuidar do site. Manutenção, SEO, notícias e Google Ad Grants entram em planos definidos por escopo.

Manutenção de site com um canal só para pedir ajustes

Todo mês, a gente monitora erros, faz pequenas correções e altera conteúdo dentro de uma cota. Vale para sites em Framer e WordPress. Páginas novas e mudança de layout viram projeto à parte.

monitoramento de erros

ajustes dentro da cota

Framer ou WordPress

canal único de pedidos

Site do Cidadão Pró-Mundo no celular

SEO para a ONG ser encontrada por quem busca a causa

Todo mês, a gente faz ajustes técnicos e de conteúdo para a ONG aparecer quando alguém busca pela causa, e acompanha os resultados no Google Search Console, a ferramenta que mostra como o Google lê o site. Você recebe um relatório mensal. Se precisar de direção editorial, entra um plano de conteúdo com calendário. A gente não promete posição no Google.

ajustes técnicos

plano de conteúdo

Google Search Console

Site do TGBS Brasil no celular

Notícias e projetos no ar sem ocupar a sua equipe

Publicação mensal de notícias e projetos no site da ONG: você manda o conteúdo aprovado até a data de corte e a gente publica, com formatação, imagens, título, descrição e endereço da página. A quantidade segue uma cota mensal; redação e fotos ficam com a organização.

formatação e imagens

SEO de cada notícia

cota mensal

Página do site do Cidadão Pró-Mundo no celular

Google Ad Grants: anúncios gratuitos rodando todo mês

A gente cuida da conta todo mês: estrutura de campanhas, palavras-chave, anúncios, ajustes e acompanhamento das regras do programa, com relatório mensal. Pode começar pelo apoio na habilitação da conta. Os planos com essa gestão estão na página para ONGs.

campanhas e anúncios

regras do programa

relatório mensal

apoio na habilitação

Página do site do Cidadão Pró-Mundo no celular
Ilustração de um relatório impresso com gráficos sobre a mesa, ao lado de uma caneca e de uma planta

Materiais de comunicação para ONGs

Peças, relatórios, publicações e campanhas com a mesma cara do site, para prestar contas, apresentar a ONG a quem financia e informar a equipe.

Publicar com regularidade sem ter designer na equipe

Peças para redes sociais de ONGs e institutos, em pacotes por entrega: cards, artes de campanha e materiais nos formatos de cada rede, seguindo a identidade visual. Pauta e textos chegam aprovados; gestão de perfis e mídia paga ficam de fora.

cards para posts

artes de campanha

formatos de cada rede

pacote por entrega

Site do Tabōa no celular

O relatório que o patrocinador lê antes de renovar

O relatório anual ganha sistema gráfico próprio, dados fáceis de ler e versões impressa, digital ou web. Cada número entra com fonte e período, para servir à prestação de contas. Quando contratados, entram PDF acessível, versão traduzida e peças para redes sociais.

versão digital e PDF

dados com fonte

prestação de contas

Site da REMS no celular

Cartilhas e folders fáceis de ler e de enviar

Design editorial de cartilhas, folders digitais, apresentações, resumos executivos e policy briefs (documentos curtos com recomendações de política pública), com sistema gráfico próprio para cada publicação. Textos finais e fotos autorizadas vêm da organização; impressão fica de fora.

cartilhas

policy briefs

folders digitais

Página do site da REMS no celular

Equipe, voluntários e conselho contando a mesma história da ONG

Quem trabalha na ONG é quem mais fala dela, para amigos, parceiros e doadores. Quando essas pessoas não acompanham os resultados nem as campanhas em andamento, cada uma conta uma versão diferente. A gente cria campanhas internas que mantêm todo mundo informado e com orgulho do que a organização faz.

Inclui: conceito e identidade visual da campanha; peças para e-mail, WhatsApp, murais e apresentações.

Peças de uma campanha interna de ONG sobre a mesa

O que todo site passa antes de ir ao ar

Um site bonito ainda pode ser lento, difícil de usar ou invisível no Google. A gente confere estes pontos em todo site que faz, antes de publicar.

Velocidade

Imagens no tamanho certo, vídeo que só carrega quando aparece na tela e teste do Lighthouse antes de publicar.

Acessibilidade

Contraste, texto alternativo nas imagens, nome nos campos de formulário e navegação pelo teclado, revisados pelas diretrizes WCAG.

Estrutura para o Google

Um H1 por página, título e descrição de busca escritos para cada página e endereços curtos e legíveis.

Celular e tablet

Cada seção revisada no celular e no tablet, sem texto cortado e sem rolagem para o lado.

Formulários testados

Contato, inscrição, voluntariado e doação testados antes do lançamento, com a mensagem chegando para a pessoa certa.

Redirecionamentos

Na troca de site, cada endereço antigo leva à página equivalente, com redirecionamento permanente conferido depois de publicar.

O que os clientes dizem

Ilustração de duas pessoas conversando numa mesa redonda, com um notebook e canecas

Vamos conversar 30 minutos?

A gente olha o site atual da sua ONG e indica por qual serviço ela pode começar.

Conversa gratuita e sem compromisso.

Fernando Macedo, fundador da Sassarico Design

Vamos conversar 30 minutos?

A gente olha o site atual da sua ONG e indica por qual serviço ela pode começar.

Conversa gratuita e sem compromisso.

Fernando Macedo, fundador da Sassarico Design