Naar de inhoud
fusionstudios.
Case study2026

Eigen tool-site & merk

SunAndMoon

Zonsopkomst, gouden uur en maanfases voor 1.202 steden, berekend in de browser van de bezoeker. De achtergrond beweegt mee met de echte lucht buiten.

Periode juli 2026 tot heden
Rol Strategie, merk, bouw en SEO
Stack Next.js, React, SunCalc
Live sunandmoon.app
01

Het vraagstuk

Een vraag die elke dag opnieuw gesteld wordt.

Hoe laat gaat de zon onder is een vraag die zich blijft herhalen: per plaats anders, per dag anders, en met de seizoenen komt hij terug. De bestaande antwoorden bestaan wel, maar de weg ernaartoe is traag: eerst een toestemmingsbanner, dan een advertentiestack, dan pas een tabel.

En de bezoeker met deze vraag heeft haast: hij staat buiten, of hij plant een foto voor over een uur. Omdat de vraag per plaats en per dag verschilt, heb je bovendien duizenden pagina's nodig die stuk voor stuk een eerlijk en actueel antwoord moeten geven.

De opgave: het antwoord meteen in beeld, zonder advertentiemuur, op een schaal die zichzelf vers houdt.

02

De aanpak

De site is de lucht, het rekenwerk is van jou.

(01)LIVING SKYEen eigen design-systeem waarin de achtergrond meebeweegt met de stand van de zon op het moment van kijken. Vijf luchtstanden, van nachtblauw tot gouden uur, elk met een eigen accentkleur, gebouwd als één laag tokens.
(02)Rekenkern op het apparaatDe astronomische kern draait in de browser: zonstanden, gouden en blauw uur, schemering en maanfase. De plaats en datum die iemand opzoekt verlaten het apparaat niet, en er valt niets te wachten op een server.
(03)Een paginaboom die zichzelf vers houdtPer stad een zonpagina, twaalf maandpagina's, een maanfase-, dawn- en dusk-pagina. De concrete tijden van vandaag worden client-side ingevuld, terwijl ISR en een dagelijkse cron de statische laag verversen.
(04)Open naar buitenDezelfde rekenkern staat als gratis JSON-API, insluitbare widget en abonneerbare kalenderfeed open voor anderen: de ontwikkelaarshaak en de backlink-motor van het plan.
(05)Vier kwaliteitspoortenEen SEO-baseline over alle routes, een contrastcheck over de vijf luchtstanden, een linkcheck en een JSON-LD-check moeten bij elke wijziging groen blijven.
03

Het werk

Wie 's nachts kijkt, krijgt de nacht.

Eén lettertype, geen tweede accentkleur, en het grote dunne tabulaire cijfer als esthetische kern: de tijd zelf is de vormgeving.

sunandmoon.app
Homepage van SunAndMoon met horizonboog en zontijden op desktop
De horizonboog: de zon op zijn echte positie van nu
Homepage van SunAndMoon op mobiel
Installeerbaar als app, opent op jouw lucht
sunandmoon.app
Stadspagina met zonsopkomst en zonsondergang voor Londen op desktop
Per stad een eigen pagina met de tijden van vandaag
Zontijden voor Londen op mobiel
Het antwoord staat bovenaan
04

Het resultaat

Een fundering van ruim tienduizend pagina's.

De stedenlijst groeide van een handmatige selectie naar 1.202 steden, en de SEO-baseline legt inmiddels 10.340 pagina-routes vast. Alles draait op vier runtime-afhankelijkheden, zonder advertenties en zonder tracking.

Het domein is jong en de posities bouwen zich nog op, maar de fundering staat: snel, privé en volledig in eigen beheer, met een open API, widget en kalenderfeed als redenen voor anderen om te linken.

1.202

Steden met eigen pagina's

10.340

Pagina-routes in de SEO-baseline

4

Runtime-dependencies

5

Luchtstanden, elk AA-geverifieerd

BellenWhatsAppStart een project