DIGITAL IDENTITY / WEB DESIGN
STUDIO PROJECTNébula House
A mountain retreat conceived as a complete digital experience: architecture, rooms, dining and wellbeing connected to a clear booking journey. Imagery creates desire while the interface supports each decision.
An independent AsturaWeb exploration. Digital experience design, rather than a client commission.
- INDUSTRY
- Luxury hospitality · Booking · Operations
- WEBSITE LANGUAGE
- English
- EDITION
- 2026
- SCOPE
- Identity, UI and production direction
01 / THE CONTEXT
Feel the calm. Plan the stay.
Nébula House imagines an independent boutique hotel in northern Spain. Its business combines stays, experiences and services; the website presents them without resembling a deals portal. The journey ends with a stay summary guests can understand before sharing their details.
- Comparable rooms and date-based booking
- Dining, wellbeing and editorial experiences
- Availability and stay preparation
The artwork keeps its original language. The case study follows your chosen AsturaWeb language.
02 / THE CHALLENGE
Keep the emotion of immersive imagery without hiding dates, occupancy, price or conditions. Availability returns at decision points, and the editorial direction must hold up on a mobile connection.
THE IDEA
Warm black, stone and ivory with quiet bronze accents. A generous serif opens each chapter; restrained labels organise practical details. Photography moves between landscape, architecture and close details to explain the place.
03 / BEYOND THE HOMEPAGE
A complete system,
beyond the first screen.
Desktop prioritises room comparison and the relationship between landscape and stay. Area, occupancy and rates follow a stable order. The calendar keeps dates, guests and room in context, with conditions visible before continuing.
THE PROJECT’S VISUAL LANGUAGE
Character, with purpose.
Colour & material
Warm black · stone · bronze
Typography & hierarchy
Editorial serif, restrained labels and aligned rate figures.
Imagery & motion
Architectural and natural photography. Gentle reveals and room-to-detail transitions; parallax would be light and disabled for reduced motion.
Nébula House / 01
More than a night.
Experiences, dining and wellbeing each have their own rhythm. The leading image shifts between landscape, plate and architecture; every chapter keeps a useful next step for planning a visit.
Nébula House / 02
Hospitality is also a system.
Booking connects guest choices with team preparation. The summary shows cost and conditions; the internal view organises arrivals, occupancy and tasks. Screen data is illustrative.
04 / RESPONSIVE & INTERACTION
Another screen.
The same intention.
A long homepage introduces the place in chapters; shorter screens focus on rooms, calendar and experiences. Four stable destinations—Stay, Rooms, Explore, Book—keep their icons and positions. Dates use generous touch targets and the summary preserves context.
FROM BRIEF TO SYSTEM
- 01Context
- 02Content
- 03Structure
- 04Visual direction
- 05UI system
- 06Responsive
Development, integrations and production validation belong to a later phase, defined around the actual scope.
05 / TECHNICAL DIRECTION
Designed with
production in mind.
A recommended implementation for this concept, not a claim about an already built or deployed website.
The production proposal separates editorial content from availability. A CMS would manage rooms and experiences; a booking engine would verify inventory, rates, time zone and conditions on the server. An accessible calendar would support keyboard control and unavailable dates. View Transitions with a simple fallback, on-demand maps and poster-first video would keep entry responsive. AVIF/WebP, responsive sizes and lazy loading would control weight. These generated screens represent a concept, not an operating hotel or booking system.
- React
- TypeScript
- Booking API
- View Transitions
- WebP / AVIF
- Semantic HTML, keyboard access and contrast
- Responsive images and progressive loading
- Indexable content and SEO structure
Hosting, consent-based measurement and structured data would be defined around verified information and practical needs.
LET’S TALK
A new website, a redesign or an idea you haven't quite worked out yet. Write to us and we’ll explore what makes sense together.
Tell us
what you have in mind.
Shape my project
Based in Asturias. Working remotely across Spain, Europe and worldwide.
You don't need technical knowledge or a fully formed plan. Tell us what you do and what you’d like to improve. We’ll start there.
A tailored quote. A clear proposal, with no obligation.
TO GET THE CONVERSATION STARTED
- What your business does
- What you’d like to improve
- Your current website, if you have one