Skip to content
// composing 0%
  • Projects
  • Services
  • About
  • Blog
Let's talkLet's talk
// menu
  • Home
  • Projects
  • Services
  • About
  • Blog
Let's talkLet's talkdjaner.bekir@artofthecode.com
// have a project in mind?

Let's talk.Let's talk.

Book a callBook a call

We compose visual stories where art and code move in harmony, for hotels, restaurants and premium brands.

// explore

  • Projects
  • Services
  • About
  • Blog
  • Contact

// contact

  • djaner.bekir@artofthecode.com
  • +389 71 313 315
  • Instagram

©2026 Art of The Code. All rights reserved.

  • Privacy Policy
  • Cookie Policy
// projects / casa-luminaConcept · fictional brand

Casa Lumina

A boutique hotel website built to win the direct booking.

Client
Casa Lumina (concept)
Services
Brand identity, Web design, Booking UX, Art direction
Year
2026
Concept site
Open the concept →

A concept for a twelve-room hotel by the sea: a calm sage-and-stone brand, a booking-first homepage and photography framed in the house's old stone arch.

Casa Lumina homepage concept: the serif headline “Wake up to the light on the bay” on pale sage, beside an arch-framed photo of a flower terrace above the sea.
01 /// the brief

The brief

Casa Lumina is a fictional hotel we created to show how we approach hospitality: twelve rooms in a restored stone house between an olive grove and the sea.

The brief we set ourselves is the one most small hotels share. Guests find you on Booking.com, then search your name. If your own site is slow, generic or hard to book, the commission goes to the OTA. The website's job is to make booking direct the obvious choice.

Casa Lumina hero: headline and intro beside an arch-framed terrace photo, with the booking bar below.
// the booking bar sits right under the promise
02 /// decisions

Decisions

  • Booking above the fold. Dates, guests and “Check availability” sit directly under the headline, not three clicks deep.
  • A reason to book direct. Best rate, free late checkout and a bottle of olive oil, stated next to the booking bar.
  • The arch as the brand. One shape, the house's old stone arch, frames the hero and every room photo, so even stock photography feels like one place.
  • Quiet typography. Cormorant for the voice of the place, Manrope for prices and practical details.
  • Rooms that answer the real questions. Size, guests and the nightly price on every card.
Rooms section: three arch-framed room photos (a stone-wall bedroom, a bed by a garden window, a beamed living room), each with size, guests and price per night.
Casa Lumina on a phone: the headline and intro above the arch-framed terrace photo.
03 /// the system

The system

Sage and stone: misty sage for the page, deep forest green for text and evening sections, brass for the booking buttons. Every text colour is checked for contrast, and the forest sections give the page a rhythm of day and evening as you scroll.

The photography is licensed stock from Unsplash, credited on the site. For a real hotel we would plan a shoot of the actual rooms.

screen to start a booking
1
screen to start a booking
colours, all from the landscape
4
colours, all from the landscape
typefaces: one to feel, one to read
2
typefaces: one to feel, one to read
The “Days at Lumina” section on forest green: three photos (sunrise over rocks, a boat in a cove, chairs on a sea terrace) with short descriptions.
// evening section: days at lumina
04 /// see it live

See it live

The concept is a working one-page site. Open Casa Lumina to click through it, on desktop or on your phone.

// next project

Konoba Mare

Concept · Seaside restaurant · Brand & web design