Website
Kerkwebsite in een half uur van mijn tijd, met 10 ontwerpen om uit te kiezen
Mijn kerk, een jonge Oekraïense kerk in Hoogeveen, had geen website, alleen Instagram, Linktree en een Telegram-chat. Ik bood aan er een te bouwen en zette in een half uur van mijn eigen tijd, met Claude Code onder mijn regie, een live site op een eigen domein, met Astro en Cloudflare Pages. In plaats van één ontwerp ter goedkeuring bouwde ik 10 ontwerprichtingen met de echte inhoud en bracht ik die terug tot een shortlist van 4 waaruit de kerk kiest, plus een evenementensectie waarin een nieuw evenement één Markdown-bestand is.
0,5 uur van mijn tijd, van lege map tot een live site op een eigen domein
10 → 4 ontwerprichtingen, een shortlist waaruit de kerk kiest
1 bestand per evenement, afgelopen evenementen gaan vanzelf naar het archief
0 hostingkosten statische site op Cloudflare Pages, alleen het domein kost geld
De opdracht
Mijn kerk is een jonge Oekraïense kerk in Hoogeveen. De informatie stond op Instagram, een Linktree-pagina, in een Telegram-chat en in Google Forms, maar er was geen website. Een nieuwkomer kon niet snel vinden wanneer en waar de diensten zijn, waar de kerk voor staat, wat er gepland is en hoe je meedoet.
Ik bood aan de site te bouwen. De kerk had nog geen visuele stijl gekozen, dus de site moest haar ook helpen die keuze te maken.
Tien richtingen in plaats van één ontwerp
In plaats van één ontwerp om goed of af te keuren bouwde ik 10 ontwerprichtingen met dezelfde inhoud: Motion Blur, Acid Night, Swiss Grid, Neo-Brutal, Y2K Chrome, 70s Groovy, Quiet Luxury, Terminal, Comic Pop en Slavonic Sky. Elke richting is een zelfstandige pagina met eigen lettertypen en stijlen, en elk lettertype ondersteunt cyrillisch schrift, omdat de site in het Oekraïens is.
Drie richtingen vielen niet in de smaak bij de kerk, dus verving ik ze door nieuwe (Bento, Matchday, Riso Zine) en bracht ik de set terug tot een shortlist van 4: Motion Blur, Acid Night, Quiet Luxury en Bento. Elke stijl heeft een licht en een donker thema, en met een smalle balk onderaan wissel je ertussen, zodat de kerk echte werkende pagina’s vergelijkt. De uiteindelijke keuze is aan de kerk.
Eén bron voor de inhoud
Alle tekst, het rooster en de links staan in één databestand dat elk ontwerp leest. Een andere stijl betekent nooit dat de inhoud opnieuw geschreven moet worden. De links zijn de echte links van de kerk uit haar Linktree en Instagram: het kennismakingsformulier, gebedsverzoeken, mentoring, Telegram en een Tikkie voor giften. Wat nog niet bevestigd is, zoals het e-mailadres, staat er als gemarkeerde placeholder, niet verzonnen.
Evenementen
- Elk evenement is één Markdown-bestand met de poster.
- De evenementenpagina toont komende evenementen, een categoriefilter dat verschijnt zodra er twee categorieën zijn, en een archief per jaar.
- Elk evenement heeft een eigen pagina: poster, datum, tijd, plaats, een knop Ik kom, Zet in agenda, de volledige aankondiging en gestructureerde gegevens voor
Event, met de poster als linkvoorbeeld. - Afgelopen evenementen worden nooit verwijderd. Ze gaan bij het bouwen naar het archief, en in de browser als een evenement afloopt na de laatste deploy.
Gebouwd om gevonden te worden
De technische basis voor zoekmachines zat er vanaf het begin in: canonieke URL’s, Open Graph met een afbeelding voor het linkvoorbeeld, een sitemap zonder de alternatieve stijlen, een robots.txt die ernaar verwijst, en noindex op de stijlen die niet de hoofdstijl zijn. Ik schreef ook een checklist voor SEO en GEO, zodat de site in Google gevonden wordt en door AI-assistenten genoemd wordt als iemand vraagt naar een Oekraïense kerk in Hoogeveen.
Resultaat
In een half uur van mijn tijd kreeg de kerk een live website op oxychurchhoogeveen.com met het echte rooster, adres, links en het eerste evenement. De site is statisch en wordt gehost op Cloudflare Pages met automatische deploy vanuit GitHub, dus er zijn geen hostingkosten en er hoeft niets op een server bijgewerkt te worden. Ik bouwde hem met Claude Code onder mijn regie.
Wat volgt
Als de kerk de definitieve stijl kiest, komt die op de homepage en verdwijnen de andere stijlen. Daarna gaat het werk verder volgens de checklist: een echte 404-pagina, gestructureerde gegevens voor Church met het dienstrooster, llms.txt, Search Console, Bing en een Google Bedrijfsprofiel.
Tools
Veelgestelde vragen
Hoe lang duurde het, en wat kreeg de kerk?
Een half uur van mijn eigen tijd, met Claude Code onder mijn regie, van een leeg project tot een live site op een eigen domein. Diensttijden, adres, waarden, het kennismakingsformulier, gebedsverzoeken en het eerste evenement staan nu op één site in plaats van verspreid over Instagram, Linktree, Telegram en Google Forms. De kerk was blij met de snelheid.
Waarom de kerk 10 ontwerpen laten zien in plaats van één?
De kerk had nog geen stijl gekozen, en steeds één mock-up laten goedkeuren kan uitlopen op lang heen-en-weer. Ik bouwde 10 richtingen met dezelfde echte inhoud, zodat mensen werkende pagina’s vergeleken, en dat beviel de kerk. Drie vielen niet in de smaak, dus verving ik die drie door nieuwe richtingen en bracht ik de set terug tot een shortlist van 4. Omdat alle tekst in één databestand staat, hoefde er bij een andere stijl nooit inhoud herschreven te worden.
Waarom Astro en niet WordPress of een websitebouwer?
De grootste zorg van de kerk was dat de site moeilijk bij te houden zou zijn. Een statische Astro-site heeft geen CMS, plug-ins of server om bij te werken, en een push naar GitHub zet hem online. Alle tekst staat in één databestand dat elk ontwerp gebruikt, en evenementen zijn gewone bestanden, dus updates blijven klein.
Hoe voegt de kerk een nieuw evenement toe?
Elk evenement is één Markdown-bestand met de poster, zonder codewijzigingen. Het krijgt een eigen pagina met datum, tijd, plaats, knoppen Ik kom en Zet in agenda en gestructureerde gegevens voor Event, en na afloop gaat het automatisch naar het archief. De evenementpagina’s waren een van de dingen die de kerk goed vond aan de site.
Wat kost de website om te onderhouden?
Alleen het domein. De site is statisch en wordt gehost op Cloudflare Pages, dus er zijn geen hostingkosten, geen server en geen plug-ins om bij te werken.
Waarom een website als de kerk al Instagram en Linktree heeft?
Tijdlijnen en linkpagina’s beantwoorden de eerste vragen van een nieuwkomer niet: wanneer, waar en hoe doe je mee. De site beantwoordt ze op één pagina en is gebouwd om gevonden te worden: canonieke URL’s, een sitemap, gestructureerde gegevens voor Event en een checklist voor SEO en GEO, zodat hij in Google kan verschijnen en door AI-assistenten genoemd kan worden als iemand vraagt naar een Oekraïense kerk in Hoogeveen.
Hoe kiest de kerk het definitieve ontwerp?
Ze vergelijkt de 4 stijlen van de shortlist als werkende pagina’s met de echte inhoud, elk in licht en donker thema, en wisselt ertussen met een balk onderaan. De gekozen stijl wordt de homepage, de andere verdwijnen, en het werk aan vindbaarheid gaat verder volgens een uitgeschreven checklist.
Een eenvoudige website nodig voor een kerk of een kleine organisatie, die makkelijk bij te houden is? Neem contact op, dan bespreken we het.