Estudo de redesign San Martín

Diagnóstico do site atual

A marca é boa (arco azul, asterisco laranja da campanha “Más comunidad*”), o conteúdo existe. O problema é a arquitetura: o site é organizado como vitrine de comunicação, não como balcão de serviços.

Carrossel de 11 slides no topoQuase ninguém passa do 1º slide; empurra os trámites para baixo e pesa no celular.
Texto dentro das imagens dos bannersLeitor de tela não lê, não traduz, não indexa no Google, fica ilegível no celular (ver exemplos abaixo).
Busca escondida num ícone de lupaNos sites de governo premiados, a busca é a navegação principal.
18 programas num dropdownOrganizado por secretaria; o vecino pensa por situação (“sou idoso”, “tenho uma PyME”).
Carrossel de programas que repete itensInfancias, Juventudes e Mayores aparecem 2 a 3 vezes na mesma página.
Telefones de emergência só no rodapé, sem linkNo celular deveriam ser botões de ligar com um toque.
Erro de digitação e CTAs genéricos“novededades”; “SEGUIR LEYENDO” em caixa alta repetido 16 vezes.

Oito banners do site atual, todos com texto embutido na imagem — Banners reais do site: todo o texto está “queimado” na imagem.

O que os melhores sites de governo fazem (pesquisa 2026)

Referências: GOV.UK (padrão mundial), Colorado (Best Government Site 2026 no WebAward), Los Angeles, Denver, Utah, NYC, Chattanooga e Mississippi.

Busca primeiro

O cidadão chega com uma pergunta, não para navegar. Busca grande, no centro da primeira tela.

Utah, Denver, LA, Oregon

Tarefa, não secretaria

Organizar por “o que quero fazer” e “quem eu sou”, não pelo organograma.

Colorado, Chattanooga, Tulare

Home curta

Só os caminhos críticos; o resto fica para busca e subpáginas. Carrega rápido, cansa menos.

NYC, Los Angeles

Acessível de verdade

WCAG 2.2 AA: contraste 4,5:1, foco visível, teclado, texto real (não em imagem), fonte grande.

GOV.UK, Washington D.C.

Mobile-first

Pensado para quem paga uma taxa às 23h no celular com 20% de bateria.

Shadow Digital, 2026

Imagem com propósito

Fotos reais de pessoas e bairros; tipografia como ferramenta de navegação, não decoração.

Mississippi, Brevard, Saint Paul

Sistema visual proposto

Não troca a marca, sobe o nível dela. O arco do logo vira o recorte entre as seções (como a onda do Helsinki Design System) e a moldura das fotos; o asterisco laranja da campanha aparece só em dois lugares. Uma família tipográfica, quase nenhuma borda, muito respiro.

Cielo#0A8FD6 marca, busca, campanha

Cielo texto#0667A8 links e categorias

Tinta#0E1B33 texto e blocos

Tinta 2#516074 texto secundário

Niebla#F3F6F9 fundos suaves

Naranja#F07F1A asterisco e foco

Uma família só

Hanken Grotesk

Grotesca aberta e humana, legível em tamanho pequeno e com peso de cartaz no 800. Substitui a FF Clan (paga) sem perder o tom da marca.

Escala

93 / 54 / 25 / 18

Título do hero, títulos de seção, itens de lista e texto corrido (base de 18px, entrelinha 1,6).

O que a home nova tem

Hero de foto inteira com buscaFoto de rua do bairro, título grande e busca com sugestões ao digitar (acentos opcionais); se não achar, oferece ajuda.
Trámites em lista editorialOs 6 do site atual, cada um com uma linha dizendo o que resolve. Sem cards nem ícones decorativos.
“Programas para vos” tipográficoSeis públicos em letras grandes; ao passar o mouse (ou tocar) a foto e o texto trocam. Os demais programas ficam numa linha abaixo, com link para os 18.
Notícias editoriais1 destaque grande e 3 manchetes, todas reais do site.
Campanha com texto real“Más comunidad, menos basura” em HTML, não queimado na imagem.
Ajuda e telefones clicáveisWhatsApp, 147, centros de atenção e turnos; 147, 911, 107, 100 e 103 ligam com um toque.
AcessibilidadeTexto maior e alto contraste no rodapé, “pular para o conteúdo”, foco visível e navegação por teclado no seletor de programas.

Como fica um projeto de US$ 10 mil

Faixa típica de agência para site institucional de governo local, com CMS. Estimativa de referência, não orçamento.

Etapa	Entrega	Parcela
Descoberta	Análise de busca/analytics, entrevistas com vecinos, mapa das 20 tarefas mais feitas	US$ 1.200
Arquitetura e conteúdo	Nova navegação por tarefa, reescrita das páginas de trámite em linguagem clara	US$ 1.800
Design system	Tokens, componentes, home + 6 modelos de página, protótipo navegável	US$ 2.500
Desenvolvimento	Front-end acessível sobre o CMS atual (Prismic), busca com sinônimos	US$ 3.500
Acessibilidade e lançamento	Auditoria WCAG 2.2 AA, testes com leitor de tela, performance, treino da equipe	US$ 1.000

Redesign do site da Municipalidade de San Martín

Antes e depois