Estudio de rediseño San Martín

Diagnóstico del sitio actual

La marca es buena (arco azul, asterisco naranja de la campaña “Más comunidad*”), el contenido existe. El problema es la arquitectura: el sitio está organizado como una vitrina de comunicación, no como un mostrador de servicios.

Carrusel de 11 diapositivas en la parte superiorCasi nadie pasa del 1.º slide; empuja los trámites hacia abajo y pesa en el celular.
Texto dentro de las imágenes de los bannersEl lector de pantalla no lo lee, no lo traduce, no lo indexa Google y es ilegible en el celular (ver ejemplos abajo).
Búsqueda escondida en un ícono de lupaEn los sitios de gobierno premiados, la búsqueda es la navegación principal.
18 programas en un menú desplegableOrganizado por secretaría; el vecino piensa por situación (“soy una persona mayor”, “tengo una PyME”).
Carrusel de programas que repite elementosInfancias, Juventudes y Mayores aparecen 2 a 3 veces en la misma página.
Teléfonos de emergencia solo en el pie de página, sin enlaceEn el celular deberían ser botones para llamar con un toque.
Error de tipeo y CTA genéricos“novededades”; “SEGUIR LEYENDO” en mayúsculas repetido 16 veces.

Ocho banners del sitio actual, todos con texto integrado en la imagen — Banners reales del sitio: todo el texto está «quemado» en la imagen.

Lo que hacen los mejores sitios de gobierno (investigación 2026)

Referencias: GOV.UK (estándar mundial), Colorado (Best Government Site 2026 en WebAward), Los Angeles, Denver, Utah, NYC, Chattanooga y Mississippi.

Buscar primero

La ciudadanía llega con una pregunta, no para navegar. Buscador grande, en el centro de la primera pantalla.

Utah, Denver, LA, Oregon

Tarea, no secretaría

Organizar por “qué quiero hacer” y “quién soy”, no por el organigrama.

Colorado, Chattanooga, Tulare

Inicio breve

Solo los recorridos principales; el resto queda para la búsqueda y las subpáginas. Carga rápido y cansa menos.

NYC, Los Angeles

Accesible de verdad

WCAG 2.2 AA: contraste 4,5:1, foco visible, teclado, texto real (no en imagen), fuente grande.

GOV.UK, Washington D.C.

Mobile-first

Pensado para quien paga una tasa a las 23h desde el celular con el 20% de batería.

Shadow Digital, 2026

Imagen con propósito

Fotos reales de personas y barrios; tipografía como herramienta de navegación, no de decoración.

Mississippi, Brevard, Saint Paul

Sistema visual propuesto

No cambia la marca, la eleva. El arco del logo se convierte en el recorte entre las secciones (como la ola del Helsinki Design System) y en el marco de las fotos; el asterisco naranja de la campaña aparece solo en dos lugares. Una familia tipográfica, casi ningún borde, mucho espacio.

Cielo#0A8FD6 marca, búsqueda, campaña

Texto del cielo#0667A8 enlaces y categorías

Tinta#0E1B33 texto y bloques

Tinta 2#516074 texto secundario

Niebla#F3F6F9 fondos suaves

Naranja#F07F1A asterisco y foco

Una sola familia

Hanken Grotesk

Grotesca abierta y humana, legible en tamaño pequeño y con peso de cartel en el 800. Sustituye a FF Clan (de pago) sin perder el tono de la marca.

Escala

93 / 54 / 25 / 18

Título del hero, títulos de sección, elementos de lista y texto corrido (base de 18px, interlineado 1,6).

Lo que tiene la nueva página de inicio

Hero de foto completa con búsquedaFoto de una calle del barrio, título grande y búsqueda con sugerencias al escribir (acentos opcionales); si no encontrás lo que buscás, te ofrece ayuda.
Trámites en lista editorialLos 6 del sitio actual, cada uno con una línea que explica qué resuelve. Sin tarjetas ni íconos decorativos.
“Programas para vos” tipográficoSeis públicos en letras grandes; al pasar el cursor (o tocar) la foto y el texto cambian. Los demás programas quedan en una línea abajo, con un enlace a los 18.
Noticias editoriales1 destacado grande y 3 titulares, todos reales del sitio.
Campaña con texto real“Más comunidad, menos basura” en HTML, no incrustado en la imagen.
Ayuda y teléfonos en los que se puede hacer clicWhatsApp, 147, centros de atención y turnos; 147, 911, 107, 100 y 103 llaman con un toque.
AccesibilidadTexto más grande y de alto contraste en el pie de página, “saltar al contenido”, foco visible y navegación con teclado en el selector de programas.

Cuánto cuesta un proyecto de US$ 10 mil

Rango típico de una agencia para un sitio institucional de gobierno local, con CMS. Estimación de referencia, no es un presupuesto.

Etapa	Entrega	Parcela
Descubrimiento	Análisis de búsquedas/analítica, entrevistas con vecinos, mapa de las 20 tareas más realizadas	US$ 1.200
Arquitectura y contenido	Nueva navegación por tarea, reescritura de las páginas de trámites en lenguaje claro	US$ 1.800
Design system	Tokens, componentes, página de inicio + 6 modelos de página, prototipo navegable	US$ 2.500
Desarrollo	Front-end accesible sobre el CMS actual (Prismic), búsqueda con sinónimos	US$ 3.500
Accesibilidad y lanzamiento	Auditoría WCAG 2.2 AA, pruebas con lector de pantalla, rendimiento, capacitación del equipo	US$ 1.000

Rediseño del sitio de la Municipalidad de San Martín

Antes y después