Volver al portfolio
01

Surf & Grind

Web · Asociación deportiva · Tres idiomas

Ver web
Surf & Grind — captura principal

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
Indicadores
  • 2018 Año de fundación de la asociación
  • 6 Disciplinas, cada una con su página
  • 3 Idiomas: castellano, euskera e inglés
Qué resuelve
  • 1 Marcado por página para los tres idiomas
  • 0 Frameworks en las páginas públicas
  • 6 Pantallas de panel: páginas, blog, noticias, calendario, formularios e imágenes
Proceso

Cómo lo resolvimos.

  1. 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

  2. 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

  3. 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

  4. 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.

Regla de arquitectura · Surf & Grind
Siguiente proyecto Web · 02 Belanova
Empecemos

Hablemos de tu operación.

Cuéntanos qué cuesta más de lo que debería. Te respondemos con un plan concreto, plazos realistas y un sí o un no claro.

contacto@plantekia.com