Rediseño web de Librería Sierra Oeste
Librería, papelería y tienda online en Villa del Prado (Sierra Oeste de Madrid).
Rediseñé la web y la tienda online de Librería Sierra Oeste para que se vea como lo que es: la librería de referencia de la comarca. Nueva home, una página para empresas y una web más rápida y accesible, sin tocar el funcionamiento de la tienda.
Más rápida y más accesible
Resultados de PageSpeed en móvil del 2 de julio de 2026, medidos antes y después de los cambios de rendimiento y accesibilidad de ese día.
Rendimiento
Nota de rendimiento en móvil en PageSpeed.
Accesibilidad
Y la home queda sin errores de accesibilidad WCAG 2.1 AA.
Bloqueo de la página
Tiempo en que la página no responde mientras carga (TBT).
Buenas prácticas
Nota de prácticas recomendadas en PageSpeed.
El cliente
Vende también por internet, con recogida gratis en la tienda y envío a domicilio. La web tenía que servir para las tres cosas a la vez: que un vecino encuentre y encargue su libro, que una familia compre el material escolar y que una empresa o un colegio sepa que puede hacer sus pedidos aquí.
El punto de partida
La tienda funcionaba, pero la web llevaba años con la misma plantilla genérica de librería y se notaba:
- La portada no explicaba qué hacía especial a la librería: un título, una frase general y un botón a la tienda.
- Las categorías se presentaban con iconos de plantilla, sin libros reales ni novedades.
- La home era difícil de editar para la clienta.
- 79 textos no tenían contraste suficiente y el zoom estaba bloqueado en el móvil.
- El antispam de los formularios (unos 877 KB) se cargaba en toda la tienda, también en el carrito y el pago.
- No había ninguna página para empresas, colegios y despachos.
Antes y después
La web antigua, en capturas de julio de 2025 sacadas del archivo de Internet, y cómo está hoy.
Inicio
Catálogo y empresas
Cómo lo planteé
Lo primero fue entender el negocio y sus tres públicos: el lector que busca un libro concreto, la familia que compra material escolar y la empresa o el colegio que hace pedidos grandes. A partir de ahí:
- Una home que vende libros. Buscador por título, autor o ISBN arriba del todo, novedades con portadas reales y la opción de encargar cualquier libro para recogerlo en la tienda.
- Editable por la clienta. La nueva home está montada con bloques que ella puede cambiar sin tocar código: novedades, banners de temporada o la feria del libro.
- Una página para empresas. Material de oficina y papelería con factura, sin pedido mínimo y con pedidos recurrentes.
- Velocidad y accesibilidad sin riesgos. Cada cambio de rendimiento lo medí en PageSpeed y comprobé que el carrito y el pago seguían funcionando; lo que empeoraba la web lo deshice.
Qué hice
Rehíce las páginas clave y mejoré la velocidad y la accesibilidad sin romper la tienda.
Home nueva y editable
Buscador, novedades y encargos a la vista, y bloques que la clienta puede cambiar ella misma.
Página para empresas
Material de oficina y papelería para empresas, autónomos y despachos.
Accesible para todos
Home sin errores WCAG 2.1 AA: contraste, zoom en móvil y botones con nombre.
Más rápida
Antispam solo donde hay formulario y el banner principal cargado con prioridad.
Una tienda que carga mejor y que la IA tiene en cuenta.
Además del diseño, sigo cada semana cómo aparece la librería en ChatGPT, Gemini y otras IA cuando alguien busca una librería en la Sierra Oeste, y mantengo al día las páginas legales de la tienda.
Hagamos que trabaje para ti.
Cuéntame cómo es tu negocio y qué te falla de tu web. Te digo con sinceridad qué cambiaría y si merece la pena rehacerla o basta con mejorarla.
