Atmosphere before detail
Architecture, water and light introduce the place. The next step is exploring suites, rather than completing a long form.
MIRA / SELF-INITIATED CONCEPT
A sense of place, first.
Hotel website / Art direction / UX concept
2026
Design concept
Self-initiated by Derwio
Visual direction and design
Desktop and mobile designs for a homepage, suite and date selection.
Screen designs only. Controls inside the illustrated screens do not perform actions.INSIDE THE PROJECT
MIRA01 / BRIEF & APPROACH
A boutique hotel website that conveys the place and gives guests clear information before booking.
Full-bleed photography, room comparisons and a prominent date selector. Restrained typography gives the architecture space.
In this concept
Home / rooms / booking flow
02 / INNER SCREENS
From first impression
to action.
Choose a screen to explore its desktop and mobile structure.
DesktopHomepage
MIRATHE SUITESMENU
Somewhere
to slow down.
A QUIETER KIND OF STAYA place to pause
Terraces, water and time for yourself.
Mobile
MIRATHE SUITESMENU
Somewhere
to slow down.
A QUIETER KIND OF STAYA place to pause
Terraces, water and time for yourself.
Concept screen designs. The interface structure is shown here; controls within these designs are illustrative.
03 / DESIGN DECISIONS
A room, clearly described
Area, capacity, terrace and key amenities sit beside the photograph, making room types easier to compare.
A step-by-step booking flow
The concept starts with dates and guests, followed by available suites. The total should be visible before confirmation.
Designed for mobile too
On mobile, photography stays prominent. Room details become a short list, and the date-selection action follows the information guests need.
04 / WHAT’S INCLUDED
A visual direction and three journey screens are presented. MIRA is a fictional hotel; room availability and live booking are not connected.
Next case studyFORMA