--- title: "NORDHUS — Country retreat website · alekhin.dev" description: "Country retreat website with a filtered cabin catalogue, photo galleries and a booking form." canonical_url: "https://alekhin.dev/en/projects/nordhus/" meta: "og:description": "Country retreat website with a filtered cabin catalogue, photo galleries and a booking form." "og:image": "https://alekhin.dev/_og/s/o_8b5693afcf962475.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "NORDHUS — Country retreat website" "twitter:image": "https://alekhin.dev/_og/s/o_8b5693afcf962475.png" --- > Index of every page on this site: [llms.txt](https://alekhin.dev/llms.txt) [Back to projects](https://alekhin.dev/en/#projects)2024 Country retreat website # NORDHUS Country retreat website with a filtered cabin catalogue, photo galleries and a booking form.
Task
Help guests compare cabins and move on to booking a suitable option.
What I built
Built a filtered catalog, cabin pages, a photo gallery and a booking form.
Result
Visitors can explore cabins, choose one and follow the booking flow on desktop or mobile.
## My role Interface design, responsive development, cabin catalogue, galleries, and client-side booking flows.
Scope
Booking website / Frontend / UI
Period
2024
Status
completed
## Stack - Nuxt - Vue - TypeScript - Tailwind CSS *Home page* The opening screen introduces the destination and offers a direct path to choosing a cabin. ## From first impression to the right cabin Large photography sets the atmosphere, while the catalogue helps visitors compare cabins and choose the right one. *Full home page* The full home page connects the atmosphere of the destination with accommodation options and experiences. *Cabin catalogue* The catalogue lets visitors compare cabin photographs and specifications before exploring the details. *Experiences and services* A dedicated page shows activities available during a stay, complementing the accommodation choice. *Lake cabin page* An individual cabin page brings the gallery, description and specifications together with the booking action. ## Easy to browse and book on a phone Photography, filters, and buttons stay large enough to choose a cabin without zooming in. *Mobile home page* On a phone, the full home page keeps its section order and access to cabin selection. *Mobile catalogue* Cabin cards form a vertical catalogue, keeping photographs and key specifications readable. *Lake cabin on mobile* The mobile cabin page lets visitors browse photographs and proceed to booking from the same page. ## Booking without unnecessary detours Dates, guests, and cabin options are selected on the page, while the gallery opens full screen. *Booking form* The booking form opens over the site, keeping the chosen cabin in context. *Lightbox gallery* Cabin photographs open in a larger gallery for a closer look at the details. *Mobile filters* On a phone, selection criteria move into a separate panel to keep the catalogue uncluttered.
Technical details The catalogue, cabin pages, filters, gallery and booking dialog are built with Nuxt and Vue. Layouts adapt to wide screens and phones.
## Let’s discuss your project Tell me what you need: a website, store, service or workflow automation. ## Contact [alekhin.v99@gmail.com](mailto:alekhin.v99@gmail.com) [Telegram](https://t.me/alekhin_vv) [GitHub](https://github.com/ValentinAlekhin) ```json {"@context":"https://schema.org","@graph":[{"@id":"https://alekhin.dev/#website","@type":"WebSite","description":"Country retreat website with a filtered cabin catalogue, photo galleries and a booking form.","inLanguage":"en-US","name":"NORDHUS","url":"/en/projects/nordhus/","creator":{"@id":"https://alekhin.dev/#identity"},"image":{"@id":"https://alekhin.dev/#/schema/image/1"},"mainEntityOfPage":{"@id":"https://alekhin.dev/en/projects/nordhus/#webpage"},"publisher":{"@id":"https://alekhin.dev/#identity"},"translationOfWork":{"@id":"https://alekhin.dev/#website"}},{"@id":"https://alekhin.dev/en/projects/nordhus/#webpage","@type":"WebPage","description":"Country retreat website with a filtered cabin catalogue, photo galleries and a booking form.","name":"NORDHUS — Country retreat website","url":"https://alekhin.dev/en/projects/nordhus/","breadcrumb":{"@id":"https://alekhin.dev/en/projects/nordhus/#breadcrumb"},"image":{"@id":"https://alekhin.dev/#/schema/image/2"},"isPartOf":{"@id":"https://alekhin.dev/en/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://alekhin.dev/en/projects/nordhus/"]}]},{"@id":"https://alekhin.dev/#identity","@type":"Person","email":"mailto:alekhin.v99@gmail.com","jobTitle":"Website and web service developer","name":"Valentin Alekhin","url":"https://alekhin.dev/","knowsAbout":["TypeScript","Vue","Nuxt","Node.js","Go","SaaS"],"sameAs":["https://github.com/ValentinAlekhin","https://t.me/alekhin_vv"]},{"@id":"https://alekhin.dev/en/projects/nordhus/#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"alekhin.dev","item":"https://alekhin.dev/en/","position":1},{"@type":"ListItem","name":"NORDHUS","item":"https://alekhin.dev/en/projects/nordhus/","position":2}]},{"@id":"https://alekhin.dev/#/schema/image/1","@type":"ImageObject","contentUrl":"https://alekhin.dev/projects/nordhus/og.webp","inLanguage":"en-US","url":"https://alekhin.dev/projects/nordhus/og.webp"},{"@id":"https://alekhin.dev/#/schema/image/2","@type":"ImageObject","contentUrl":"https://alekhin.dev/projects/nordhus/og.webp","inLanguage":"en-US","url":"https://alekhin.dev/projects/nordhus/og.webp"}]} ``` ## Sitemap See the full [sitemap](https://alekhin.dev/sitemap.md) for all pages.