Ga naar de inhoud
← Projecten

Applicatie

Myrhem

Website, boekingsplatform en beheer voor een gastenhuis in Värmland.

Myrhem
Deze preview toont de externe website. Werkt insluiten niet? Gebruik Bekijk de website of Toon screenshots.

De vraag

Een bezoeker wil het huis leren kennen én weten wanneer het beschikbaar is, wat het kost en hoe een aanvraag werkt.

Mijn bijdrage

Huisstijl, webontwerp, front-end, back-end en boekingsbeheer zijn van mij. Mijn broer en schoonzus verzorgen de fotografie. Ik gebruik AI voor automatische vertalingen bij het toevoegen van talen.

De ontwerpkeuze

De kalender en prijsberekening horen bij dezelfde website als de huispresentatie. De eigenaar bewerkt inhoud op de pagina zelf.

Het resultaat

Op 18 oktober 2026 waren er vijf directe boekingen via de website binnengekomen. Mijn broer en schoonzus gebruiken het systeem dagelijks. Het technische beheer van de back-end ligt nog bij mij.

Stel me een vraag

Het huis bekijken en een verblijf aanvragen

Ik wilde mijn broer en schoonzus niet alleen een website geven om het huis te laten zien, maar ook een systeem waarmee ze boekingen en hun gasten kunnen beheren. Inmiddels zijn er vijf directe boekingen via de site binnengekomen (18 oktober 2026). Hieronder laat ik de belangrijkste schermen zien.

De huisgalerij

Bezoekers wisselen tussen ruimtes en kunnen foto’s vergroten. Zo kunnen ze de keuken, slaapkamers en woonruimte afzonderlijk bekijken.

De Myrhem-huisgalerij met ruimtekeuze en keukenfotografie.
Huispresentatie op de publieke website.

Beschikbaarheid en nachtprijzen

In de kalender kiest de bezoeker aankomst en vertrek. Beschikbare en geblokkeerde dagen hebben een eigen status. De prijsberekening houdt rekening met seizoen, bezetting en eventuele afwijkende dagprijzen.

Publieke Myrhem-kalender met aankomst, vertrek en beschikbaarheidslegenda.
Aankomst, vertrek en beschikbaarheid in één kalender.

Van aanvraag naar bevestiging

Na de aanvraag ontvangt de gast een ontvangstbevestiging. Daarop volgt persoonlijke bevestiging van het verblijf en een apart betaalverzoek via Stripe Checkout. De eerste ontvangstmail bevestigt dus alleen de aanvraag.

Myrhem-boekingsvenster met leeg verblijfsoverzicht en oningevulde gastgegevens.
Het boekingsscherm met verblijfsoverzicht en gastgegevens.

De omgeving verkennen

Op de kaart kan een bezoeker plekken in de omgeving bekijken en een route openen. Ik gebruikte Leaflet en OpenStreetMap, met categorieën voor onder meer natuur, cultuur en eten en drinken.

Myrhem-omgevingskaart met locatiecategorieën en een routeactie.
De omgeving verkennen en een route naar een plek openen.

Boeken op mobiel

Op mobiel staan de introductie en de datumkeuze onder elkaar. Het seizoensbeeld blijft zichtbaar. De verschillende talen gebruiken dezelfde inhoudsstructuur.

Myrhem-homepage op een mobiel scherm, met seizoensbeeld en boekingsvelden.
De mobiele homepage van Myrhem.

Informatie rond het verblijf

De gastomgeving biedt vóór aankomst de route en praktische informatie. Tijdens het verblijf staan services en hulp centraal. Na vertrek is er ruimte voor terugkijken en een volgend verblijf.

Tekst op de pagina bewerken

De eigenaar selecteert een tekst op de website en bewerkt het bijbehorende veld. De vaste werkbalk toont de paginastatus, talen en wijzigingen.

Myrhem-live-editor met geselecteerde herokop en veldbediening onderaan de website.
Tekst bewerken op de pagina zelf.

Seizoenen beheren

De seizoenseditor bevat de naam, maanden, het icoon en de afbeelding per seizoen. De beheerder kan van taal wisselen. Wijzigingen blijven concept totdat ze worden gepubliceerd.

Myrhem-seizoenseditor met seizoenslijst, taalkeuze, maandvelden en beeldselectie.
Seizoenen en bijbehorende beelden beheren.

Dagelijks gebruikt, door mij beheerd

Mijn broer en schoonzus gebruiken het systeem dagelijks; ik beheer nog steeds de back-end. Nieuwe talen voeg ik met automatische AI-vertaling toe. De fotografie is van hen, niet van mij. Het aantal van vijf directe boekingen is een stand van 18 oktober 2026, geen omzet- of conversiemeting.

Bekijk het beeld op groot formaat

Bekijk lange ontwerpen op breedte. Sleep of gebruik de pijltjestoetsen om te verschuiven. Met focus op het beeld: W vult de breedte, + en − zoomen, 0 toont alles.

100%