12 DE OCTUBRE DE 2026 · REVISIÓN Y CONCEPTO VISUAL
La esencia de PentinHada.
Una web que invita a venir.
Una propuesta navegable que conserva el hada y el rosa de la marca, enseña el salón real y facilita el siguiente paso: consultar una cita.
Explorar la propuesta ↗«Ya tenéis una identidad reconocible y un salón que merece verse. Esta propuesta pone ambas cosas en primer plano y hace más sencillo encontraros, conoceros y contactar para una cita, también desde el móvil.»
Qué gana el cliente
- Una primera impresión más cuidada. Fotografía real del interior, titulares legibles y una composición con espacio. Se conserva la personalidad de la marca.
- Un recorrido claro. Presentación → servicios → fotografías → ubicación → contacto. Se evita conducir al visitante hacia secciones sin contenido confirmado.
- Contacto a mano. Botón de cita en la cabecera y barra fija en móvil; teléfono, correo y cómo llegar juntos.
- Más confianza con información real. No hay testimonios, precios, horarios ni especialidades inventadas. La galería muestra el salón, sin atribuirle trabajos no verificados.
- Una base sencilla de mantener. Páginas estáticas sin dependencias externas, imágenes locales, navegación por teclado y estructura de encabezados. La demo no instala analítica ni recoge datos.
Estos son beneficios de diseño esperados. No se ha medido aumento de citas, conversión, posicionamiento ni velocidad. No se prometen resultados comerciales cuantificados.
Qué se ha revisado realmente
Inspección de la web pública mediante navegador con JavaScript y lectura de su contenido el 12/10/2026. Se revisaron Inicio, Servicios, Fotos, Equipo, Blog, Contacta y la ruta de reservas. Hubo observaciones de escritorio a 1440 × 1000 y móvil a 390 × 844, además del tamaño inicial del navegador. Los fallos descritos se limitan a esta sesión: no prueban una caída para todos los visitantes.
| Sección / prioridad | Observación verificada | Respuesta en la propuesta |
|---|---|---|
| Inicio · Alta | OBSERVADOLa portada utiliza un carrusel con marca superpuesta. El primer H1 es «Sobre Nosotros» y el texto presenta de forma general la peluquería unisex. La identidad visual incluye rosa e ilustración de hada. | Mensaje local visible, una fotografía estable del salón, marca original y acción de contacto desde la primera pantalla. |
| Servicios · Alta | REPRODUCIDO EN ESTA SESIÓNTras desaparecer la carga, quedaron cabecera y pie, sin catálogo ni encabezados centrales visibles. Se repitió la visita a 1440 px y se recargó, con el mismo resultado. | Dos ámbitos basados en la portada: peluquería unisex y cuidado del cabello. No se deducen técnicas, precios ni duraciones. El catálogo detallado queda pendiente de confirmación. |
| Fotos · Media | OBSERVADONo apareció galería central en la ruta Fotos. La portada sí contiene fotografías del interior, recuperadas para esta demostración. | Galería local con ampliación y navegación. Las imágenes están identificadas como fotografías del salón; no como resultados o antes/después. |
| Equipo · Media | OBSERVADOLa ruta Equipo mostró cabecera y pie, sin perfiles visibles tras cargar. | Sección «Conócenos» centrada en el local. Incorporar nombres, especialidades y retratos solo cuando los facilite o valide el cliente. |
| Blog · Media | OBSERVADONo aparecieron artículos centrales en la ruta Blog. | Se omite el blog de la navegación principal del concepto. Decidir con el cliente si hay contenido que recuperar; no crear artículos ficticios ni eliminar URLs existentes sin revisar tráfico. |
| Contacta · Alta | OBSERVADOSe muestra formulario con nombre, correo, teléfono y mensaje, consentimiento de privacidad y opción de información comercial, además de mapa y dirección. El correo es un enlace mailto; el teléfono visible no era un enlace tel en la inspección del DOM. | Enlaces de teléfono y correo, dirección legible e indicaciones en Maps. No se reproduce un formulario que parezca enviar datos sin un servicio real detrás. |
| Reserva online · Alta | EXISTE, OPERATIVIDAD NO VERIFICADAEl HTML contiene «PEDIR CITA ONLINE» con destino reservas.html?lang=es y componentes de registro/reserva. El botón no tenía área visible en la portada móvil inspeccionada. La ruta de reservas quedó sin contenido central visible. | Conservar y revisar la integración Addiweb/DunaSoft antes de sustituirla. En la demo, llamada y correo son principales; el sistema existente se mantiene como enlace secundario con su limitación explicada. |
| Móvil · Alta | OBSERVADOA 390 × 844 la imagen de portada y el bloque de cookies ocupaban gran parte de la pantalla. Se observó desbordamiento horizontal: scrollWidth 394 frente a innerWidth 390, antes de cambiar las preferencias de cookies. | Diseño adaptable, imagen separada del texto, menú desplegable y contacto persistente. La demo no necesita un aviso de cookies porque no utiliza seguimiento ni almacenamiento. |
| SEO · Media | COMPROBACIÓN LIMITADAServicios y Contacta comparten el título «PentinHada - peluqueria unisex» y la misma descripción genérica. Ambas tienen canonical propio. Servicios no mostraba H1/H2 visible en la sesión; Contacta comienza con H2. | Título y descripción descriptivos para el concepto, H1 único y ubicación en texto. La demo lleva noindex,nofollow; no compite con la web real. Preparar títulos por intención y datos estructurados solo al aprobar la web definitiva. |
Indicio técnico registrado
La consola del navegador registró ReferenceError: WOW is not defined en Addiweb.equipo, dentro de js/addiweb.js?veraddiweb=1.992, a las 18:41:50 (Europe/Madrid). Es una evidencia concreta de un error JavaScript en la sesión; no demuestra por sí sola la causa de todas las secciones vacías.
Hipótesis que requieren diagnóstico
La dependencia de contenido cargado por JavaScript, una configuración de publicación o una incidencia de red podrían explicar las secciones vacías; no se identificó la causa. Sería necesario revisar la administración y las respuestas del sistema con el proveedor. La presencia de plantillas de reserva por sí sola tampoco confirma que el negocio tenga esa función activada.
Una llamada a la acción persistente y una propuesta más concreta podrían reducir la fricción de contacto. Para comprobarlo hacen falta datos de uso y objetivos acordados; esta revisión no dispone de Analytics, Search Console, analítica de reservas ni pruebas de rendimiento de laboratorio.
Antes de convertirla en la web definitiva
- Validar el contenido: servicios concretos, precios si se quieren publicar, horarios, idiomas y biografías del equipo. La portada original solo permite confirmar peluquería unisex y tratamientos para el cabello de forma genérica.
- Aportar trabajos reales: seleccionar fotografías de resultados con permiso de uso y pies de foto exactos. El material recuperado y utilizable en esta revisión muestra el local.
- Comprobar las reservas: revisar Addiweb/DunaSoft con el titular, definir si el sistema debe estar activo y probar un recorrido autorizado de principio a fin. En esta tarea no se enviaron reservas ni formularios.
- Aprobar textos e imágenes: los archivos proceden del sitio actual; su disponibilidad pública no es una licencia. Su uso aquí es una maqueta local para presentar al titular. Confirmar derechos antes de difusión o publicación.
- Planificar SEO y migración: inventario de URLs y tráfico, redirecciones cuando correspondan, sitemap, canonicals definitivos y datos estructurados HairSalon con información validada. Retirar noindex solo al lanzar la web oficial.
- Completar la puesta en producción: hosting, dominio, accesibilidad revisada en más dispositivos, textos legales adecuados, consentimiento si se incorpora seguimiento y pruebas de los servicios externos.
Qué incluye esta entrega
Prototipo HTML/CSS/JavaScript navegable en este ordenador, sin publicación oficial. Puede abrirse desde index.html o desde el servidor local. El ZIP contiene la demostración completa, con sus imágenes y esta página.
- Verificación visual en escritorio y móvil; comprobación adicional de anchura a 320 px.
- Menú móvil con estado accesible y cierre al navegar; anclas a las secciones.
- Desplegables de servicios y preguntas; diálogo de cita con cierre por botón y Escape.
- Galería ampliable con anterior/siguiente y teclas de dirección.
- Enlaces tel y mailto revisados sin iniciar llamadas ni enviar mensajes. Destino de Maps construido con la dirección verificada. Instagram y Facebook conservan los enlaces publicados por la empresa; no se certifica su contenido ni disponibilidad.
- Imágenes locales, textos alternativos, foco visible, enlace de salto y respeto a movimiento reducido. No constituye una certificación completa de accesibilidad.
- JavaScript comprobado sintácticamente. No se midieron Core Web Vitals ni se realizó un test de conversión.
Fuentes y material
Fuente principal: web de PentinHada. Datos de contacto contrastados en Contacta: Carrer Mercè Rodoreda, 6, 08770 Sant Sadurní d’Anoia, Barcelona; 931 15 50 11; pentinhada@pentinhada.com. Perfiles enlazados por la web: Instagram y Facebook.
Rutas revisadas: Servicios, Fotos, Equipo, Blog y Reservas. Los enlaces a la web actual salen de esta demostración.
Activos utilizados, servidos por el sitio actual: logo original, interior de portada, recepción, zona de lavado y vista desde la entrada. No se han generado fotografías del negocio.
Alcance: demostración comercial independiente, no encargada ni aprobada por PentinHada. No se ha contactado con la empresa, publicado en su dominio ni modificado su web.
Volver a la demostración ↗