DIGITAL IDENTITY / WEB DESIGN
STUDIO PROJECTLuna Atelier Hair Studio
An English-language studio project for a high-end hair salon. Fashion-led direction, clear services and an appointment journey that starts with a good conversation.
An independent AsturaWeb exploration. Digital experience design, rather than a client commission.
- INDUSTRY
- Hair & beauty
- WEBSITE LANGUAGE
- English
- EDITION
- 2026
- SCOPE
- Identity, UI and production direction
01 / THE CONTEXT
An identity that begins with listening.
Give digital form to a salon where cut, colour and consultation matter equally. The project explores how to express taste without turning the service catalogue into an impersonal list.
- Service discovery and an initial consultation
- Stylist profiles and an editorial gallery
- Appointment requests by service, stylist and date
The artwork keeps its original language. The case study follows your chosen AsturaWeb language.
02 / THE CHALLENGE
Connect a strong editorial identity with practical decisions: which service to choose, who to speak to and how to request an appointment. Mobile must be more than a cropped shop window.
THE IDEA
Espresso, ivory and soft gold. Hair portraits, an expressive serif and clear content blocks balance aspiration with guidance. The identity carries through from the homepage to service selection.
03 / BEYOND THE HOMEPAGE
A complete system,
beyond the first screen.
Services organised by intention, team profiles and a gallery that helps visitors explain what they like. The appointment request separates service, stylist and date before asking for contact details.
THE PROJECT’S VISUAL LANGUAGE
Character, with purpose.
Colour & material
Espresso · ivory · soft gold
Typography & hierarchy
A high-contrast serif for character; a precise sans serif for booking.
Imagery & motion
Hair, texture and gesture. Rhythmic galleries, fine-line icons and brief transitions that support selection.
04 / RESPONSIVE & INTERACTION
Another screen.
The same intention.
Mobile navigation gives service names room to breathe. A clear appointment entry point and step-by-step selection avoid repeating long forms on every screen.
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.
React and TypeScript would allow the catalogue to connect to an appointment provider chosen by the salon. Availability and confirmation require a real source; the visual proposal shows the journey, not a connected booking system.
- React
- TypeScript
- CSS
- 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