Candela es un centro de bienestar animal y peluquería canina en Madrid. El encargo no era "una web bonita": era ser encontrable en Google para su barrio y convertir esa visita en una reserva, sin fricción. Toda la prioridad apuntaba a un objetivo de negocio —llenar la agenda.
Un centro de barrio compite por la atención local, no por la global. El cliente lo tenía claro: lo que mueve la aguja es aparecer en Google cuando alguien busca peluquería o bienestar animal cerca, y que ese clic acabe en una reserva. La web tenía un solo trabajo —ser encontrada y llenar la agenda— y todo lo demás estaba al servicio de eso.
La decisión de fondo: calidez, no estética veterinaria. Nada de la frialdad clínica del sector ni de las plantillas genéricas de centro de mascotas. Una marca terrosa y editorial, con foto real —no stock— y un único camino claro a la reserva por WhatsApp. Cada token y cada sección se midió contra una pregunta: ¿esto acerca la reserva o estorba?
- Bienestar animal
- SEO local · Madrid
- Reserva por WhatsApp
- Calidez, no veterinaria
- Escucha
Visibilidad antes que decoración
El objetivo real no era el diseño: era la agenda. Antes de maquetar fijé la jerarquía del negocio —encontrabilidad en Google y un camino sin fricción a la reserva—, y dejé que esa prioridad mandara sobre cualquier capricho estético.
- Dirección de arte
Terroso y editorial, con foto real
Descarté el azul sanitario y el banco de imágenes. En su lugar: fondo crema, una serif editorial (EB Garamond) y un acento salvia tomado de la naturaleza. El hero es una foto real y cálida de un perro en el río, con un velado que sostiene la legibilidad del titular y del CTA.
- Sistema
Tokens y contraste verificado
Un sistema de color y tipografía en variables CSS, no pantalla a pantalla. Tinta cálida en lugar de gris para romper el "todo verde", terracota reservada a enlaces y la decoración coral fuera del texto de cuerpo. Todos los textos se verificaron a 4,5:1 (AA) con un linter de contraste.
- Build y lanzamiento
Estático, rápido y encontrable
HTML estático en Vercel para no pagar peso de framework. SEO on-page completo —meta, Schema LocalBusiness, sitemap, robots, canonicals— e imágenes en WebP. El rendimiento se trabajó en rondas: hero móvil dedicado, fuente asíncrona y CSS crítico en línea para que la primera pantalla pinte sin esperar.
Construí una web estática multipágina (HTML + CSS, desplegada en Vercel) con SEO local completo —Schema LocalBusiness, sitemap, canonicals— y reserva directa por WhatsApp. El trabajo fino fue de rendimiento: de un PageSpeed móvil de 76 a banda 86, con el LCP bajando de 20,6 s a 4,8 s.
El sistema nace de evitar el cliché del sector: ni clínica ni plantilla de mascotas. Paleta terrosa y cálida, una serif con peso editorial y un único verde que calma. Cada token reduce la distancia entre la búsqueda y la reserva.
- Fondo crema, nunca blanco clínico: la pantalla respira.
- Serif editorial para la voz, sans solo para la interfaz.
- Un único acento salvia: calma y naturaleza, nada corporativo.
- Contraste verificado a 4,5:1; la terracota se reserva a enlaces y el coral a decoración, nunca a texto.
El sistema no vive en un manual: vive en cada punto donde el visitante decide reservar o irse. Estos son los lugares donde la calidez y la claridad tenían que notarse.
- 01 · Home y hero
Foto real de un perro en el río sobre fondo crema; el velado sostiene el titular y el botón de reserva por WhatsApp salta a la vista en tres segundos.
- 02 · Historia y filosofía
Un editorial a sangre —manifiesto, pilares y un respiro fotográfico— que da confianza sin caer en el folleto de clínica.
- 03 · Servicios y tienda
Cada servicio respira con la misma jerarquía; la tienda de suplementos comparte sistema sin romper la calma.
- 04 · Móvil
Donde llega la mayoría del tráfico: hero dedicado de 46 KB y CSS crítico en línea para que la primera pantalla pinte casi al instante.
La web cumple su único trabajo: ser encontrada y llevar a la reserva sin fricción. SEO local completo para aparecer en el barrio, reserva directa por WhatsApp y un rendimiento móvil trabajado a conciencia —el cuello de botella era la carga, y ahí estaba la mayor parte del tráfico.
Para un negocio de barrio, una web no se mide en premios: se mide en reservas. Esta se diseñó para eso.