Rediseño de la web de Surf & Grind Gasteiz, la asociación de surf, skate y deslizamiento de Álava. Estética de fanzine, castellano, euskera e inglés, y un panel propio para que la junta publique sin tocar código.
Contexto
Una asociación sin ánimo de lucro con pabellón propio, seis disciplinas y socios de cinco a setenta años. La web anterior no decía nada de eso, solo estaba en castellano y cada cambio —un horario, un evento, un campus— dependía de alguien que supiera editar HTML.
Solución
Una web estática con Astro: el marcado de cada página se escribe una vez y recibe el texto de cada idioma como dato, así el euskera no puede quedarse atrás en silencio. Para lo que cambia, un panel en /admin —el único sitio que carga React y Supabase— con editor de bloques, blog, noticias, calendario, formularios e imágenes.
Capturas
La asociación, contada con su propia voz
Indicadores
2018Año de fundación de la asociación
6Disciplinas, cada una con su página
3Idiomas: castellano, euskera e inglés
Qué resuelve
1Marcado por página para los tres idiomas
0Frameworks en las páginas públicas
6Pantallas de panel: páginas, blog, noticias, calendario, formularios e imágenes
Proceso
Cómo loresolvimos.
01
Identidad
Estética editorial de fanzine: crema de papel, negro carbón y un solo naranja de acento. La fotografía de la asociación hace el resto
02
Tres idiomas
El texto vive aparte del marcado y solo se generan las páginas que de verdad están traducidas: mejor un 404 honesto que una página a medias
03
Panel
El editor no es un constructor libre: sus bloques salen de las secciones que ya existen, sin campos de color ni de tamaño. Lo único que se decide es qué se destaca
04
Publicación
Publicar en el panel no despliega. Un cron diario reconstruye la web cuando hay algo programado que ya ha salido
Tres ficheros con el mismo HTML y distinto texto se separan al segundo cambio. Así no pueden.