A salon website built around the client relationship
El Mago del Color is Ángel Camaña’s colour and balayage salon in Bogotá. MD designed and developed its website to connect service discovery, appointment requests and the relationship after a visit.
The project combines a public website with a personal space called Mi Espejo, meaning “My Mirror”. The website helps prospective clients understand the salon and take the next step; the portal brings appointments, hair-care guidance and benefits into the brand’s Método Signature experience.
The challenge: connect discovery, booking and the next visit
A client may discover a transformation on social media, research a colour technique and ask questions on WhatsApp before deciding. The website needed to carry that journey forward: explain the salon’s approach, present services and capture useful information when someone requests an appointment.
The work covered information architecture, interface design, development and content. The experience was organised around practical questions: which service to choose, how to request a visit and how to stay connected with the salon between appointments.
Visual identity and the mobile experience
A gold-and-ink palette, translucent surfaces, photography and video present the salon’s work. Light and dark themes share typography, hierarchy and components, keeping the experience recognisable when the appearance changes.
Services, the team, location, transformations and booking links form the public journey. The desktop and mobile walkthroughs show how this structure adapts to each screen. They document a version of the project; the live website continues to evolve.
How an appointment request works
- Choose a service, date and time: the form collects contact details, with optional hair-history information and a referral code.
- Record the request: the website saves it in Cloud Firestore with a deposit-pending status.
- Continue on WhatsApp: a prepared message carries the selected service and time into the conversation so the salon can coordinate the deposit and confirmation.
A web request and a confirmed appointment are separate stages. The portal reads web reservations as well as appointments held in the operational calendar in Realtime Database, linked by phone number. This connection brings information from several channels into the personal space; confirmation follows the salon’s booking process.
Mi Espejo: loyalty expressed through the brand
Signed-in clients can access appointments, history and guidance for caring for their colour. The Método Signature programme uses Destellos benefits and recognition levels to make that experience part of the salon’s own visual and verbal identity.
The portal includes colour-cycle guidance, care recommendations, Academia Signature learning content and a personal referral code. It gives the relationship a place beyond the booking transaction: clients can review progress, explore benefits and prepare for their next visit.
Personal content requires sign-in. The portal page declares noindex and is excluded from the public sitemap. That editorial choice complements account access and keeps the portal out of the public acquisition journey.
Content and a technical foundation for local search
The website uses Astro 5 with static output, alongside Firebase Authentication, Cloud Firestore and Realtime Database for account and data functions. The blog and service pages explain techniques, aftercare and visit preparation, with topic-specific titles, internal links and routes.
This structure connects topics such as balayage and colour correction with the salon’s services in Bogotá. The aim is to answer relevant questions and make the next step clear. Search visibility and conversions must be measured; they cannot be inferred from the choice of technology.
What this case covers
This case presents the website design and development: applied visual identity, booking journey, personal portal, benefits and editorial content. The mobile app and conversational agents are related parts of the ecosystem, each with its own scope.
Explore the El Mago del Color website, the integrated case study with historical results and its measurement period, or the mobile app project.
If your salon needs to connect services, booking and client follow-up, we can define what to build first. Explore our website design services and discuss your operation with us.
