Déjàvu Experience — Déjàvu Experience
Contexto
Déjà Vü Experience es un club de música en Plasencia. Su web estaba repartida en dos piezas que había que instalar y mantener por separado: un tema para la portada y los eventos, y un plugin aparte para la galería de fotos de cada noche, que además gestionaba subidas de fotógrafos y almacenamiento en Google Drive. Cada actualización obligaba a tocar dos paquetes y a comprobar que seguían encajando.
Al problema de mantenimiento se sumaba uno de fondo: la galería, que es el mejor material que tiene un club, no se enlazaba desde la portada, así que solo la encontraba quien ya sabía que existía. El texto de la web estaba a 11–13 píxeles y las etiquetas a 8, lo que en un móvil se lee mal. Y no había ni una etiqueta Open Graph ni datos estructurados, de modo que un enlace pegado en WhatsApp o Instagram salía en gris, sin foto ni título.
Resultado Dos instalaciones convertidas en un único tema de 46 archivos, sin perder ni una foto ni una noche de la base de datos, y con la web pasando de no tener ningún dato estructurado a declarar NightClub, Event e ImageGallery, más Open Graph completo.
- Proyecto
- Déjàvu Experience
- Cliente
- Déjàvu Experience
- Año
- Mi papel
- Trabajé el proyecto de principio a fin como único responsable técnico y de diseño. Auditoría previa. Revisé el tema existente antes de tocar nada y documenté los fallos, incluido uno que servía la página en blanco si el JavaScript no cargaba, porque las secciones nacían con opacity: 0 y solo se mostraban por script. Dirección de diseño. Sustituí tres familias tipográficas por una sola variable, aprovechando sus ejes de anchura y grosor para el contraste. Definí la paleta de grises y azules oscuros con todos los contrastes medidos contra el fondo. Arquitectura de la información. Subí el calendario al segundo bloque de la portada, porque es lo que la gente viene a buscar, y unifiqué en un solo campo el enlace de reserva, que antes estaba repartido entre tres sitios con tres etiquetas distintas. Desarrollo. Fusioné el plugin en el tema manteniendo su prefijo y su tabla para que la migración fuera transparente, y dejé una salvaguarda que detecta el plugin antiguo activo y cede el paso en lugar de provocar un error fatal por funciones duplicadas. Integraciones. Venta de entradas vía NANAIT y mapa de Google incrustado que se genera desde la dirección, sin necesidad de clave de API. QA responsive. Verifiqué el móvil de 320 a 430 píxeles midiendo desbordamientos y objetivos táctiles, no a ojo. Documentación y entrega. Guía de montaje en castellano para que el cliente pueda editar la web sin depender de mí.
- Stack
- WordPress (custom classic theme) · PHP 7.4+ · MySQL (custom table via dbDelta) · Vanilla CSS with custom properties, no framework · Vanilla JavaScript, no dependencies · Container queries · IntersectionObserver · Native element · Archivo Variable (wdth and wght axes) · WordPress Customizer API · Custom Post Types and metaboxes · Google Drive API (OAuth 2.0) · Google Maps Embed · Schema.org / JSON-LD · Open Graph · NANAIT (ticketing platform) · Git
