Work / N°.015 · Website, configurator & 3D

SKJUL

A cabin made of one room, and a website made of the same room.

01 Sleep
02 Live
03 Bath

A modular house

is bought before

it exists.

So the site lets people see it, change it and plan around it on their own, before anyone talks to sales.

Live site

skjul.vercel.app

Scope

Website · Configurator · 3D

Sector

Modular cabins · Scandinavia

By hand

Blender for the rooms, SVG and GSAP for what moves, plain JavaScript for the configurator

— The first screen

It keeps the visitor’s own time.

The cabin stands in the daylight of about 60° north, at the hour and in the season of whoever opens the site. Drag the hour and the sun goes down, the windows light and smoke rises from the stove.

— Three buyers

01 A couple, looking for a weekend place

What will it cost, everything included?

The total is on screen from the first second and opens into every line. Delivery, the crane and the piles are already in it.

02 A family, adding a guest room

Will it fit, and how big is it really?

The plan draws the house to scale in metres, and the facts under the drawing keep floor area and beds in sight.

03 A host, building to let

When can it stand on my land?

Every change moves the month it can be ready, and reserving means picking a month that still has a free slot.

— The rooms

The house opens, one room at a time

— Rendered in Blender

SKJUL in January at the blue hour, the windows lit, spruces in snow — January, the blue hour

Inside the Live room of SKJUL: oak table, wood stove and the glass wall to the lake — The Live room, nine in the morning

SKJUL by a lake in July, the glass ends facing the water — July, by the water

— The path

Four screens from choice to reservation.

SKJUL, Choose the rooms — Choose the roomsSleep, Live and Bath, one to three, in any order. The price follows at once.

SKJUL, Change and move — Change and moveClick a room to change it where it stands, or drag it to a new place.

SKJUL, Pick a month — Pick a monthFree slots by month, then a name, an email and where it will stand.

SKJUL, Keep the sheet — Keep the sheetA build sheet in the visitor’s name, ready to print.

The configurator, from the first room to the reservation

Build your own

— Decisions

Small ones, so the big one feels easy.

01
Change it where it stands
A click on a room opens a small panel right beside it, to change its type or move it.
02
Drag to reorder
The order of the rooms is the shape of the house, so they are moved by hand, on the drawing itself.
03
Add where it goes
The next room waits as an outline where it will stand. Adding is also choosing the place.
04
Undo, always
Removing a room is one click, and so is taking it back. Trying things costs nothing.
05
Free slots by month
The workshop builds eight cabins a month. The visitor sees the free slots and picks one.
06
A sheet to keep
The reservation ends with a build sheet in the visitor’s name, to print or send to someone at home.

— Three finishes

Every choice shows its price at once.

Falu red comes with the house. Tar black and pale grey are priced by the room, and the total at the foot of the screen changes the moment one is tapped.

The configurator on a phone, the cabin in falu red, the total €142,400 — Falu redIncluded

The configurator on a phone, the cabin in tar black, the total €147,200 — Tar black+€1,600 a room

The configurator on a phone, the cabin in pale grey, the total €146,600 — Pale grey+€1,400 a room

— Set down in a day

Piles at seven. Three rooms by one. The deck by three.

Screw piles, no concrete
Three rooms by crane
The deck along the glass

— July and January

The first screen follows the season

— On the phone

Most people will meet SKJUL on a phone. There the whole site works by thumb, from the first look to the build sheet.

Try it on your phone

01
Rooms and steps become tabs.
On a small screen the rooms and the build steps are tapped through in place, with no long empty scroll.
02
The house stays in view.
In the configurator the cabin is pinned at the top while the choices scroll beneath it, so every change shows at once.
03
The price rides along.
The total and the month it can be ready stay at the foot of the screen, one tap from reserving.
04
A sheet in the pocket.
A month with free slots, a name and an email. The build sheet opens on the phone, ready to save.
05
Light to carry.
The home page weighs about a megabyte with every render, and draws its main picture in a second and a half on a slow phone.