Menú responsive para website Joomla y landing de exploración de cursos
Landing page de grid + sidebar con filtros de búsqueda instantánea.
Detalles del proyecto:
Desarrollo de landing page y menú responsivo
Información adicional:
- Categorías: Joomla!, Landing page
- Cliente: Politécnico de Suramérica
- Fecha: 12.07.2022
- www.polisura.edu.co
Recientemente trabajé en el diseño, maquetación e implementación de un menú responsivo para un website Joomla de una universidad de Medellín, el Politécnico de Suramérica. Las tareas de actualización fueron dirigidas a mejorar el menú existente, incluir un buscador con sugerencias de búsqueda y organizar el contenido del menú con dropdowns. Por otro lado construí también una landing page con búsqueda y filtrado instantáneo de más de 300 cursos con jQuery.
El presupuesto contemplaba el diseño y maquetación de la landing page “Diplomados Virtuales Gratis” con formato tipo lista de cursos. Para el desarrollo se creó una plantilla específica de Joomla que cumpla con los requerimientos de diseño: Sidebar a la izquierda con filtros y mosaico de tarjetas seleccionables a modo de lista de cursos, siguiendo la estructura de diseño de Learn Digital de Google, pero con la estética polisura.
Tomamos como ejemplo de diseño LearnDigital de Google https://learndigital.withgoogle.com/garagedigital/courses
Desde la universidad me pasaron las ilustraciones y un excel con la lista de cursos.
El trabajo incluyo también la maquetación de una cabecera flotante tipo “Edutin Academy”, para la que se construirá una plantilla de módulo específica de cabecera, copiando su estructura de diseño y se incluyó un motor de búsqueda instantáneo. Primeramente pensé en desarrollarlo a partir del mejor componente de búsqueda elástica para Joomla Geek Elastic Search (soporta indexación de SP Page Builder). Pero me dí cuenta que no era tan bueno, puesto que luego de hacer unas pruebas, Semrush nos arrojaba miles de urls con errores 404 construídas por buscador. Así que dirigí el desarrollo sobre Smart Search, el componente nativo de búsqueda instantánea de Joomla. Me tocó incluir algunas funciones en SP PageBuilderLite para que indexara el contenido del componente y la verdad el desarrollo quedó mucho más estable y funcional.
Comparte este trabajo en las redes sociales!
