La web del COAATMCA era una web con una gran cantidad de contenido. Y también contaba con muchas funcionalidades diferentes: cita previa, tienda online, agenda, blog de noticias, etc.
La primera actuación fue reorganizar los contenidos para que su estructura fuera más sencilla para el/la usuario/a; y optimizada, evitando páginas de paso para encontrar los diferentes contenidos. También se simplificó la forma de presentar la documentación, así como también el organigrama de la Junta de Gobierno. Al final, hemos obtenido una web con menos páginas y totalmente optimizada.
Los menús expandidos
El otro punto destacable son los menús. Son menús ampliados en los que se incluye información de servicio básica. De esta forma, el usuario tiene acceso a datos fundamentales sin tener que hacer un solo clic.
Por ejemplo, en el menú de contacto, se incluyen los datos de contacto y las direcciones de las tres sedes del Colegio en Mallorca, sin tener que ir a la página de contacto.
Otro elemento destacado de los menús es el contenido dinámico. Hemos incluido un apartado para mostrar las noticias más destacadas, o notificaciones importantes para los y las usuarios/arias. Por ejemplo, un cambio en el horario de atención al público, o la apertura de una convocatoria para solicitar un servicio.
El contenido dinámico es la clave
El contenido dinámico es la otra parte fundamental de la web. De hecho, el departamento de Comunicación es muy activo en cuanto a publicar la actualidad del Colegio. Además, también se cuenta con una agenda donde publicar los eventos que organiza el Colegio, así como otros eventos promovidos por entidades afines o relacionadas con la profesión.
En la tienda online, también se han reorganizado los productos, utilizando los productos variables. También se han creado Custom Post Types para que los descuentos dirigidos al colectivo sean más fáciles de gestionar.
Maqueta web asimétrica
La maquetación de la web ha sido compleja, porque debíamos conseguir un criterio unificado para las páginas interiores, pero diferenciando según el tipo de contenido. Se han creado dos estilos de página. Uno se ha aplicado a las páginas de contenido estático, como por ejemplo las de servicios. Y otro, para las páginas de contenido dinámico, como el blog o la agenda.
En ambas maquetas de página se ha jugado con algunas superposiciones. Es el caso de bloques de color sobre imágenes y de la combinación de estructuras con columnas variadas. De esta forma, se aumenta el dinamismo y no se cansa el ojo con una estructura muy monótona. También hay un juego con los tamaños tipográficos, jugando con los titulares para ofrecerle unas páginas más atractivas visualmente.
El color también nos ha ayudado a hacer más atractiva a la maqueta. Porque aunque en todas las páginas predomina el blanco, los toques del color corporativo, el granate, son realmente significativos para delimitar secciones o destacar algunos textos.
El otro aspecto primordial, y que ha sido más complejo, ha sido conseguir que la web fuera responsiva a cualquier dispositivo, ya que existía un gran volumen de contenido a comprobar y ajustar.
Para acabar…
En suma, estamos muy satisfechos del resultado y de todo el proceso. Porque a pesar de ser largo, ha sido muy enriquecedor gracias a las aportaciones del cliente.
¡Un placer poder colaborar en este proyecto!
