Federópticos · Audiocentros — Ecosistema Web Federópticos y Audiocentros, Admin Central con Google Maps API y Tienda PrestaShop Headless
Rediseño integral e ingeniería del ecosistema digital de Federópticos y Audiocentros: Design System modular propio, Theme Core en WordPress, integración transparente con PrestaShop en modo Headless, Admin Central conectada con Google Business (Maps) y motor multi-paso de petición de cita y prueba de gafas en óptica.
Necesidad del cliente
Unificar la experiencia digital de los portales corporativos federopticos.com y audiocentros.com, el sistema de landings de centros asociados y la tienda online en PrestaShop bajo un único sistema de componentes visuales reutilizables, permitiendo al usuario reservar cita previa, encargar pruebas de monturas graduadas en su óptica más cercana o configurar lentillas sin percibir saltos entre plataformas.
Ingeniería y arquitectura implementada
Desarrollo de un Design System agnóstico (HTML/CSS/JS modular) y un Theme Core en WordPress conectado mediante una nueva API PHP centralizada y PrestaShop en arquitectura Headless. Ampliación de la Admin Central para sincronizar automáticamente horarios desde Google Business Profile (Maps), gestionar galerías responsive (escritorio/móvil) y fichas de personal colegiado (nombre, foto, n.º de colegiado y titulación) por cada centro. Implementación de un flujo de petición de cita estilo checkout con mapa interactivo, reserva de prueba de gafas graduadas en óptica, test de audición en Audiocentros y área privada de cliente (pedidos, bonos, favoritos y configuración avanzada de lentillas vía endpoints API).
Arquitectura desarrollada para Federópticos y Audiocentros
Sincronización periódica automática y manual de horarios reales desde Google Business Profile (Maps) con alertas de error, galerías de fotos por centro con versión Escritorio/Móvil reordenable y gestión del personal colegiado (nombre, apellidos, foto, n.º de colegiado y titulación).
Framework propio en HTML, CSS y JS modular y agnóstico de la plataforma, diseñado para integrarse de forma nativa tanto en WordPress como en PrestaShop y en el sistema de landings del grupo.
Tema base común con configuración de layout (header, footer, megamenú y versión móvil) y catálogo de módulos reutilizables: bloques sticky, comparadores, guías, productos, listado de marcas, FAQs y suscripción.
Flujo de petición de cita paso a paso (estilo checkout) integrable en cualquier página con buscador, mapa interactivo de resultados, panel lateral de centro, selección de servicios y reserva de prueba de gafas graduadas en óptica.
Desarrollos exclusivos para federopticos.com (slider comparador, baja visión, diagramas, centro de ayuda) y audiocentros.com (Test de Audición interactivo, sección especial Audiovida con scroll horizontal/vertical y localizador).
Tienda PrestaShop integrada en modo headless dentro de las webs corporativas, con endpoints API a medida para configuración de lentillas, fichas de sol/graduadas/lentillas, zona Mi Cuenta (pedidos, bonos, favoritos), nueva API PHP de centros con horario dinámico cacheado y plantillas de email renovadas.
Valor aportado al negocio
- Integración transparente de tienda PrestaShop Headless dentro de las webs de Federópticos con endpoints API para lentillas y prueba en óptica
- Sincronización automatizada y manual de horarios de cada centro con Google Business (Maps) e indicador de estado de apertura en tiempo real
- Admin Central ampliada con gestión de personal titulado/colegiado, galerías doble formato (Desktop/Mobile) y nueva API PHP de centros y DTOs
- Nuevo motor de Cita Previa multi-paso con geolocalización en mapa, selector de servicios y plantillas de email transaccionales renovadas
- Design System modular y Theme Core compartido para federopticos.com, audiocentros.com (con Test de Audición y bloque Audiovida) y red de landings