Cambios estructurales y diseño en web Wordpress - Revisar documento con especificaciones adjunto.

El proyecto consiste en realizar cambios en el sitio web: https://educacionprofesional.ing.uc.cl/. Gran parte de los cambios se basarán en funcionalidades presentes en otros sitios web que se tomarán como referencia.

Algunos aspectos a considerar:

Cada vez que se hable de “programas” se entenderán como las distintas categorías “Diplomados, Cursos y Magíster”.
Cada uno de estos programas corresponde a un “Área” listadas a continuación:
ADMINISTRACIÓN Y DIRECCIÓN de proyectos
computación, tecnologías de información y ciencia de datos
dirección y gestión de organizaciones
energía y sustentabilidad
habilidades de dirección y gestión
ingeniería civil y construcción
ingeniería de alimentos
innovación y tecnología
mejora de procesos y lean
minería, transporte e industria
respecto a los formularios de contacto, todos deben solicitar los siguientes datos:
nombre
apellido
email
teléfono
todo el diseño de los cambios y web debe ser responsive.
Para cada uno de los puntos a desarrollar, es necesario mantener el estilo que presenta el sitio web actual, por lo que una vez terminadas las implementaciones es necesario ajustar el diseño dado el feedback respectivo.


Cambios a desarrollar:

Crear un buscador de programas al estilo Google en el Home.
El buscador debe ser capaz de relacionar cualquier palabra que se inserte con el nombre o categoría de todos los programas que existen actualmente.
Debe dar opciones de resultado al momento de escribir.
Las opciones que entregue deben desplegar la categoría del programa (Diplomado, curso o Magíster)

La búsqueda debe ser de concordancia amplia, es decir, no es necesario escribir el nombre exactamente del programa para que aparezca. Por ejemplo, tras buscar “Proyectos” debería aparecer como opción “Diplomado Avanzado en Dirección de Proyectos” y otros programas que contengan esta palabra. Además, debe ser capaz de encontrar los programas que contengan la palabra “Proyectos” dentro de sus descripciones y no solo en el título del programa.

Dar la opción de ir a ver todos los resultados en una nueva página con el listado de todos los programas encontrados. “Ver más resultados”
El listado de programas encontrados debe contener el nombre del programa, fecha de inicio, precio, imagen asociada y una pequeña descripción. Además, debe tener paginación para poder navegar entre los distintos resultados, mostrando 10 por página.

Utilizar como referencia el buscador presente en el siguiente sitio web: https://unegocios.uchile.cl/


Crear nueva sección en HOME “Áreas”
Esta debe mostrar cada una de las áreas que existen para los programas con una imagen referente a dicha área. Tras hacer click en una de estas, se deben desplegar todos los programas asociados a dichas áreas.
Esta nueva sección debe estar justo bajo el BUSCADOR principal.
El listado de programas encontrados debe contener el nombre del programa, fecha de inicio, precio, imagen asociada y una pequeña descripción. Además, debe tener paginación para poder navegar entre los distintos resultados, mostrando 20 por página.
Usar como referencia la sección áreas presente en el home de la siguiente página, bajo el buscador principal: https://unegocios.uchile.cl/



3. Mejoras en secciones listados de Programas.
Los programas deben estar ordenadas por el área a la cual pertenecen, anidados bajo el título de cada una.
El listado de programas encontrados debe contener el nombre del programa, fecha de inicio, precio, imagen asociada y una pequeña descripción. Además, debe tener paginación para poder navegar entre los distintos resultados, mostrando 20 por página.
Incluir un formulario “Solicitar información del programa”
Usar como referencia el listado de diplomados de la siguiente página web: https://unegocios.uchile.cl/diplomados/


4. Mejora en detalle de programas.
Al visualizar la información de cada programa es necesario re distribuir la información para que quede más ordenado
Utilizar “TABS” para ordenar la información, quedando así con los siguientes tabs:
Descripción y antecedentes generales
Contenidos
Profesore
El formulario de solicitud de información debe estar fuera del área de tabs para que sea visualizado constantemente.
Basar diseño en el de la siguiente página: https://postgradosuandes.cl/mscf/

5. Chat transversal en sitio web.
Desarrollo de chat transversal en sitio web para hablar con usuarios. Puede ser a través de un plugin.

6. Redes sociales
Conexión con redes sociales a través de todo el sitio web
Iconos que siguen al usuario cuando hace scroll

        
Posibilidad de compartir cada programa, contenido o noticia que esté en el sitio en redes sociales.

7. Blog
-    Crear nueva sección BLOG para poder subir artículos. Deben estar ordenados por fecha y tener una imagen asociada para mostrar.

8. Botón “Postula aquí”
- Crear un botón “Postula aquí” que esté presente en todas las páginas del sitio web y arriba del buscador. Imagen de referencia: