Skjærgløtt Rorbuer – konsept for utleienettside

Et konsept for utleie av rorbuer i Lofoten. Nettstedet er bygget med Astro på tre språk, med en kalender over ledige datoer for hver rorbu og en bookingforespørsel som fungerer også uten JavaScript.

Type: Konsept
Periode: okt. 2026
Min rolle: Design og utvikling
Status: Konsept – publisert som demo
Teknologi: Astro
TypeScript
Nettside: skjaerglott-rorbuer.utviklerlindberg.no

Skjærgløtt Rorbuer er et konsept: en utleiebedrift med fem rorbuer og ei badstue på ei gammel fiskebrygge i Lofoten. Både bedriften og fiskeværet Gløttvika er oppdiktet. Nettstedet viser hvordan jeg lager en nettside for utleie, der gjestene kan se hva som er ledig og sende en bookingforespørsel.

Jeg valgte rorbuer fordi utleie stiller andre krav enn en vanlig bedriftsnettside. Bildene må selge oppholdet, mange gjester kommer fra utlandet, og det viktigste spørsmålet er enkelt: Er det ledig når vi vil komme?

Utfordringen: ledige datoer uten et tungt bookingsystem

Mange små utleiere har allerede rorbuene eller hyttene sine på Airbnb, Booking.com eller hos en kanalforvalter. Et eget bookingsystem på nettsiden blir fort en ny kalender å holde oppdatert, og et dyrt abonnement.

Samtidig vil gjestene se ledige datoer før de tar kontakt. Et skjema der de må gjette, gir mange e-poster frem og tilbake. Målet var derfor å vise ledige datoer fra kalenderne utleieren allerede har, og la gjesten sende en forespørsel med datoene ferdig utfylt.

Løsningen

Kalender fra bookingkanalene

Bookingportaler og kanalforvaltere kan eksportere en kalenderfil i iCal-formatet. Konseptet leser slike filer for hver rorbu og viser opptatte netter i en kalender. Avreisedagen kan være ankomstdag for neste gjest, slik det er i virkeligheten.

Kalenderen er vanlige tabeller som fungerer uten JavaScript. Et lite skript gjør den interaktiv: gjesten velger ankomst og avreise, ser antall netter og får en melding hvis perioden er for kort eller har opptatte netter. Datoene kan også velges med piltastene, og skjermlesere får vite om en dag er ledig eller opptatt.

En forespørsel, ikke en booking

Knappen under kalenderen åpner skjemaet med rorbu og datoer ferdig utfylt. Serveren sjekker de samme reglene på nytt før forespørselen lagres: gyldige datoer, minste antall netter, ledige netter og antall gjester.

Kvitteringen og teksten rundt skjemaet sier tydelig at dette er en forespørsel. Bookingen gjelder først når utleieren har bekreftet datoene og betalingen er mottatt.

Tre språk

Hele nettstedet finnes på norsk, engelsk og tysk, med oversatte adresser som /rorbuene/, /en/cabins/ og /de/rorbuer/. Språkvelgeren går til den samme siden på det andre språket. Søkemotorene får vite hvilke sider som hører sammen, slik at riktig språk kan vises til riktig gjest.

Bilder og praktisk informasjon

Store bilder bærer siden, men lastes i riktig størrelse og moderne formater. Praktisk informasjon om reise, innsjekking, husregler og avbestilling har en egen side. Kartet over brygga er tegnet som en enkel illustrasjon i stedet for et innebygd kart, så nettstedet ikke trenger informasjonskapsler.

Under panseret

Nettstedet er bygget med Astro og TypeScript. Nesten alle sidene lages på forhånd som ferdige HTML-filer. Bare forespørselssiden kjøres på serveren, fordi den tar imot skjemaet og viser kvitteringen.

Innhold: de fem rorbuene ligger som strukturerte filer med tekst på tre språk, og byggingen stopper hvis et felt mangler.
Kalender: en egen leser for iCal-filer og felles regler for kalenderen, skjemaet og serveren, med automatiske tester.
Skjema: validering på serveren, feiloppsummering, utfylte felt beholdes, og et skjult felt og en grense for antall innsendinger stopper det meste av søppelpost.
Kvalitet: automatiske tester med axe ga ingen funn på 15 sider på tre språk, både på mobil og PC.

Resultat og avgrensning

Konseptet ligger ute som en demo på skjaerglott-rorbuer.utviklerlindberg.no. Kalenderfilene er laget for demoen, og forespørsler lagres bare midlertidig, uten at noen e-post blir sendt. Bildene er fra Unsplash og viser andre steder. Kontaktinformasjonen er oppdiktet.

Lighthouse ga 98–100 for ytelse på mobil og 100 på PC, og 100 for tilgjengelighet og beste praksis. SEO ble målt til 100 på en versjon der søkemotorer får indeksere sidene. Den vanlige versjonen ber søkemotorer holde seg unna, fordi bedriften ikke finnes. Målingene er gjort lokalt, ikke på en publisert nettside.

Relevant for dere hvis …

Dere leier ut hytter, rorbuer, lokaler eller utstyr og vil at gjestene skal se hva som er ledig før de tar kontakt. Les mer om hva en nettside for utleie bør ha, eller om nettsider for bedrifter generelt. Trenger dere betaling, faste priser eller en egen innboks for bookinger, kan det bygges videre som en webapplikasjon.

Skal nettsiden ha flere språk, trenger den oversatte adresser og språkmerking, så Google kan vise gjestene riktig versjon. Det hører til teknisk søkemotoroptimalisering. At kalenderen fyller ut forespørselen for gjesten, er et typisk grep i konverteringsoptimalisering: færre steg fra ledig dato til sendt forespørsel. Fortell hva dere leier ut og hvordan dere tar imot bookinger i dag, så ser jeg på hva nettsiden bør gjøre.

Bilder fra prosjektet

Fra ledige datoer til sendt forespørsel (21 sekunder, uten lyd)På siden for rorbua Salteriet blas det ned til kalenderen. Ankomst og avreise velges, og oppsummeringen viser tre netter. Knappen «Send forespørsel for disse datoene» åpner skjemaet med rorbu og datoer ferdig utfylt. Navn, e-post og en melding om ankomst med siste ferje fylles inn, og forespørselen sendes. Kvitteringen viser en referanse, hva som ble sendt, og at dette ennå ikke er en bekreftet booking.

Kalenderen «Ledige datoer» med oktober og november. Opptatte dager er grå og skraverte, og et opphold fra 11. til 15. november er markert i rødt. Under står ankomst, avreise og antall netter, og en knapp for å sende forespørsel. — Kalenderen leser ledige datoer fra den samme kalenderfilen som bookingportalene eksporterer.

Siden for rorbua Nausta med navn, sengeplasser, soverom og størrelse, et stort bilde av rorbua og to bilder fra stue og soverom. — Hver rorbu har bilder, fakta, utstyr, pris fra og sin egen kalender.

Bookingforespørselen etter et forsøk på å sende den uten navn og e-post: en oppsummering lister feilene, og ved siden av skjemaet står den valgte rorbua og hvordan bestillingen fungerer. — Feilene vises samlet og ved hvert felt, og datoene gjestene valgte i kalenderen, er beholdt.

Kvitteringen «Forespørselen er sendt» med referansenummer, rorbu, datoer, antall gjester og hva som skjer videre. — Kvitteringen sier tydelig at dette er en forespørsel, ikke en bekreftet booking.

Siden for rorbua Salteriet på tysk, med språkvelgeren øverst der DE er valgt. — Hele nettstedet finnes på norsk, engelsk og tysk, med oversatte adresser.

Siden med praktisk informasjon på engelsk, med reise, innsjekking og et tegnet kart over brygga med de fem rorbuene, badstua, parkering og buss. — Kartet er tegnet som SVG, uten kartinnbygging og informasjonskapsler.