Surf & Grind

Redesign of the Surf & Grind Gasteiz website, the surf, skate and board-sports association of Álava. Zine aesthetics, Spanish, Basque and English, and a custom admin so the board can publish without touching code.

Context

A non-profit with its own indoor space, six disciplines and members aged five to seventy. The old website said none of that, was only in Spanish, and every change —a timetable, an event, a camp— depended on someone who could edit HTML.

Solution

A static Astro site: each page’s markup is written once and receives every language’s copy as data, so Basque cannot silently fall behind. For what changes, an admin at /admin —the only place that loads React and Supabase— with a block editor, blog, news, calendar, forms and images.

Screenshots

• 
• 
• 

Indicators

• 2018 Year the association was founded
• 6 Disciplines, each with its own page
• 3 Languages: Spanish, Basque and English

What it solves

• 1 Markup per page for all three languages
• 0 Frameworks on public pages
• 6 Admin screens: pages, blog, news, calendar, forms and images

Process

How we solved it.

1. 01

   Identity

   Editorial zine look: paper cream, carbon black and a single orange accent. The association’s photography does the rest

2. 02

   Three languages

   Copy lives apart from markup and only pages that are actually translated get built: an honest 404 beats a half-translated page

3. 03

   Admin

   The editor is not a free-form builder: its blocks come from sections that already exist, with no colour or size fields. The only decision is what to highlight

4. 04

   Publishing

   Publishing in the admin does not deploy. A daily cron rebuilds the site when something scheduled has gone live

Three files with the same HTML and different copy drift apart on the second change. This way they can’t.