Self-initiated studio concept

Kumo.

Websites ↗

Eight rooms above the river.

View live demo (opens in a new tab)Working site · scroll motion and sound. Best on desktop with sound on.
Kumo branded cover artwork: An indigo noren and afternoon tea in a Kyoto ryokan
Live concept website / Scroll-driven cinematic 3D walk-throughYUPSILAN / CONCEPT STUDY

The starting point

A website with the pace of a stay.

Imagined brief: an eight-room ryokan in Arashiyama wants its website to have the calm of a stay, then make rooms and the four o'clock tea simple to book.

Designed for

Travellers looking for a considered stay, and couples planning a special trip.

Discipline

Website design & development ↗
Self-initiated concept, not a client commission. The brand is fictional; the website is real, working code you can open and use. Business results are not claimed.
Kumo branded context artwork: An indigo noren and afternoon tea in a Kyoto ryokan
Editorial layout and visual identity in use.
Kumo branded detail artwork: An indigo noren and afternoon tea in a Kyoto ryokan
Product detail and supporting campaign creative.

The visual direction

Indigo, paper and one red seal.

Traditional Japanese colours: aizome indigo, sumi black, shironeri white, a madder-red seal and matcha green. Photography of tatami, cedar baths and indigo-dyed linen.

Kumo branded campaign artwork: An indigo noren and afternoon tea in a Kyoto ryokan
A portrait campaign, ready for its own format.

The thinking

A clear idea.
A connected expression.

The site is laid out like a Japanese printed magazine: vertical type, wide margins and indigo bands on white paper. Two cinematic 3D shots are played by the scroll: a walk across the tatami, through the indigo noren and out to the moss garden, and a close shot of matcha being whisked at four. Photos open with an ink wipe, the seasons are set as type, and the reservation ends with a red hanko seal.

Explored in this study

  • Live concept website
  • Scroll-driven cinematic 3D walk-through
  • Editorial layout and vertical type system
  • Reservation journey and sound design

Screen capture

See it move.
Then open it yourself.

A silent screen capture recorded from the live site.

A silent screen capture of the live Kumo site: the scroll walks you across the tatami, through the indigo noren and out to the garden, then into the tea ceremony.

Open the live site

Next possibility

Buttern

Websites / Studio concept

Buttern concept preview

Start a project

Let’s make your next video or website the best one yet.

Tell us what you’re working on. We’ll reply with the right scope, a direction and a clear quote. No obligation.

Chat with us