Back to projects

DIGITAL IDENTITY / WEB DESIGN

STUDIO PROJECT

Casa Naredo

A rural retreat imagined around architecture, quiet and the Asturian landscape. An editorial experience that makes exploring a stay feel as considered as asking about availability.

An independent AsturaWeb exploration. Digital experience design, rather than a client commission.

INDUSTRY
Hospitality & retreats
WEBSITE LANGUAGE
Spanish
EDITION
2026
SCOPE
Identity, UI and production direction
The complete experience: homepage, content and mobile version.WEBSITE DESIGN

01 / THE CONTEXT

Feel the place before you arrive.

The house and its landscape sit at the heart of this independent proposal. The website needs to convey their character while answering the practical questions that shape a stay.

  • Rooms with their own story and gallery
  • Landscape, nature and nearby experiences
  • Stay enquiries with dates and preferences

The artwork keeps its original language. The case study follows your chosen AsturaWeb language.

02 / THE CHALLENGE

Avoid the look of a booking portal without hiding rooms, surroundings or contact behind beautiful imagery. A quiet visual rhythm should never make the next step harder.

THE IDEA

Translate the slower pace of the place into a website: deep green, natural cream, generous photography and an editorial serif. Content bands alternate atmosphere, useful detail and a simple next step.

03 / BEYOND THE HOMEPAGE

A complete system,
beyond the first screen.

From the homepage to the rooms, and from the gallery to the surrounding landscape. Availability enquiries return at useful decision points without interrupting the story.

The stay: room details, gallery and availability.WEBSITE DESIGN

THE PROJECT’S VISUAL LANGUAGE

Character, with purpose.

Colour & material

Forest · cream · warm stone

Typography & hierarchy

An editorial serif for the story; a functional sans serif for decisions.

Imagery & motion

Architecture and landscape within an open grid. Fine icons and measured transitions that never hold up navigation.

04 / RESPONSIVE & INTERACTION

Another screen.
The same intention.

On mobile, rooms unfold one at a time, images retain their intended crop and availability stays within reach. Tablet layouts rebalance photography and text instead of shrinking the entire page.

FROM BRIEF TO SYSTEM

  1. 01Context
  2. 02Content
  3. 03Structure
  4. 04Visual direction
  5. 05UI system
  6. 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.

A production build could combine React, TypeScript and structured content for rooms and surroundings. Enquiries would use an email service; a booking engine would only be connected once availability and booking conditions are confirmed.

  • React
  • TypeScript
  • WebP / AVIF
  • HTML
  • 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
What would you like to do?
The context

What kind of website do you have in mind?

Tell us what you do and what your new website should achieve.

Website type

Choose one. You can change it later.

What should this website achieve?
What does your business do? · Optional
Budget and timing Optional

This helps us understand the scope. It is not a quote or a delivery commitment.

What budget do you have in mind?
When would you like to get started?
What budget do you have in mind?
When would you like to get started?

Anything you’re unsure about can wait until we talk.

What is no longer working?

Tell us what needs to change and what is worth keeping.

What needs to change

Choose as many as you need.

What would you like to keep?
Is there a change that matters most? · Optional
Budget and timing Optional

This helps us understand the scope. It is not a quote or a delivery commitment.

What budget do you have in mind?
When would you like to get started?

Anything you’re unsure about can wait until we talk.

Where would you like to be found?

Tell us what you offer and where you want people to find you.

Where you want to reach people

Choose one. You can change it later.

What would you like to improve?
What do you sell or offer?

Add your website or briefly describe what you offer. Either is enough.

Which city, region or market do you serve? · Optional
Budget and timing Optional

This helps us understand the scope. It is not a quote or a delivery commitment.

What budget do you have in mind?
When would you like to get started?

Anything you’re unsure about can wait until we talk.

What do you have in mind?

You don’t need all the answers. Tell us what you want to achieve.

The shape of your idea

Choose one. You can change it later.

Who would use it?
What would you like to automate?
Where could AI help?
What would the platform connect?
What does your commerce project need?
Where would you like to start?
What would you like to make easier? · Optional
Budget and timing Optional

This helps us understand the scope. It is not a quote or a delivery commitment.

What budget do you have in mind?
When would you like to get started?

Anything you’re unsure about can wait until we talk.

The contact

Your contact details

A short description is enough. Please leave out sensitive information.

Your message is only sent when you choose “Send my project”.

hola@asturaweb.com

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

Read the policy and browser storage inventory

ASTURA / BRIEF

Your project, made clear.

  1. 01The idea
  2. 02The context
  3. 03The contact
What would you like to do?

You can also contact us directly.

hola@asturaweb.comWhatsApp ↗