Diseño de un sistema de navegación dinámica que permite localizar rápidamente alojamientos mediante filtros dependientes y una arquitectura preparada para crecer sin modificar la aplicación.
|> WordPress · JetEngine · JetSmartFilters · Query Builder · Ajax
La web debía permitir localizar fácilmente un alojamiento entre un catálogo cada vez mayor de establecimientos, evitando largos listados y reduciendo el tiempo necesario para encontrar la información deseada.
Además, el sistema tenía que ser fácilmente ampliable, permitiendo incorporar nuevos servicios e información sin modificar el desarrollo existente.
El objetivo no era únicamente mostrar resultados, sino construir una navegación intuitiva que facilitara la búsqueda tanto a los visitantes como a los propios administradores del sitio.
Un buscador tradicional resultaba insuficiente.
Era necesario diseñar una estructura que permitiera combinar distintos criterios de búsqueda manteniendo una navegación sencilla y ofreciendo resultados inmediatos.
La arquitectura debía contemplar tres aspectos fundamentales:
También era importante evitar que el usuario encontrara combinaciones sin resultados, guiando la búsqueda de forma natural conforme iba seleccionando cada criterio.
Se desarrolló un sistema de navegación basado en JetEngine, JetSmartFilters, Query Builder y Listings, utilizando carga dinámica mediante AJAX para actualizar los resultados sin recargar la página.
Los filtros se diseñaron como dependientes, de manera que la selección de una provincia limita automáticamente las poblaciones disponibles y muestra únicamente los alojamientos correspondientes a dicha selección.
La navegación permite combinar diferentes criterios como:
Para la gestión de servicios se creó una Taxonomía personalizada, permitiendo asociar a cada servicio un icono SVG de Font Awesome.
Gracias a esta arquitectura, añadir un nuevo servicio resulta tan sencillo como crear un nuevo término dentro de la taxonomía, asignarle su icono y relacionarlo con los alojamientos correspondientes, sin necesidad de modificar plantillas ni código, manteniendo una experiencia homogénea para el usuario.
Uno de los objetivos principales era evitar soluciones específicas para cada caso.
Por ello, tanto la estructura de filtros como el modelo de taxonomías fueron diseñados para poder reutilizarse en diferentes tipos de contenido, manteniendo una navegación consistente y simplificando el mantenimiento futuro del proyecto.
Este enfoque permite que nuevas categorías, servicios o criterios de clasificación puedan incorporarse sin alterar la arquitectura existente.
Encontrar la información adecuada también forma parte del diseño.
Cómo convertir una cabecera estática en un sistema visual dinámico y administrable sin modificar las plantillas de la web.
Cómo convertir una cabecera estática en un sistema visual dinámico y administrable sin modificar las plantillas de la web.
Cómo convertir una cabecera estática en un sistema visual dinámico y administrable sin modificar las plantillas de la web.
