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
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.
The full home page connects the atmosphere of the destination with accommodation options and experiences.
The catalogue lets visitors compare cabin photographs and specifications before exploring the details.
A dedicated page shows activities available during a stay, complementing the accommodation choice.
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.
On a phone, the full home page keeps its section order and access to cabin selection.
Cabin cards form a vertical catalogue, keeping photographs and key specifications readable.
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.
The booking form opens over the site, keeping the chosen cabin in context.
Cabin photographs open in a larger gallery for a closer look at the details.
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.