Diseño de la web corporativa de Clínica Avanza

www.clinica-avanza.es

imagen de ejemplo www.clinica-avanza.es

Este proyecto de desarrollo web realizado durante mi etapa en Comuniqualis tiene la peculiaridad de estar diseñado únicamente en blanco y negro, acorde con el resto de la linea gráfica corporativa de la clínica Avanza. En vez de suponer esta característica como un handicap, fue un aliciente para ceñirnos a un diseño de interfaz sencillo, elegante y honesto.

La princiapl tarea que se planteó fue ordenar la enorme cantidad de tratamientos de la clínica,su variedad de categorías y amplia nomenclatura médica. Una solución fácil y rápida podría haber sido añadir listas desplegables a cada ítem del menú principal, sin embargo consideramos dos cuestiones básicas que descartaron esta opción:

  • El usuario tiene que aportar un rol pro-activo. Sin las listas desplegables, y con un menú principal claro y conciso, ayudamos al usuario a seleccionar rápidamente la categoría que quiere visitar,  para empezar a encontrar la información que busca.

  • El diseño no debe mostrar información compleja o técnica en la página inicial. Bajo esta premisa, redujimos y especificamos el nombre de las categorías de tratamientos.

  • En las páginas correspondientes a cada categoría decidimos representar cada tratamiento con una fotografía, acompañada de un pie de foto explicativo. De esta forma ayudamos a comprender más rápido el significado de cada tratamiento y dejamos la información técnica, más compleja, para la página individual de cada tratamiento. Facilitamos la tarea principal del usuario en este punto de su recorrido por la web: Discriminar y seleccionar entre los diferentes tratamientos.

Por último, en las páginas de cada tratamiento, 3º nivel de navegación, adjuntamos información corporativa a modo de llamada a la acción en la segunda zona más visible y complementaria , el sidebar.

Todos los detalles técnicos e información necesaria que el usuario necesita para completar su búsqueda de información, aparecen en el cuerpo central de cada página de tratamiento en 3 pestañas con iconos claramente reconocibles.

La navegación se completó con la adición de “migas” para el segundo y tercer niveles de navegación, prescindiendo de esta forma de buscador u otro tipo de ayudas.

Actualización y gestión de los contenidos web

El gestor de contenidos sobre el que funciona la web  es WordPress. WordPress más que un gestor de contenidos al uso, a día de hoy podría definirse mejor como un sistema de publicación para blogs o websites. Las principales razones por las que decidimos construir la web con WordPress fueron, por este orden:

  • Facilidad de uso para la gestión y publicación de nuevos contenidos.
  • Buen posicionamiento y estrucutra de contenidos SEO de forma standard.

Por otro lado, WordPress, está tan enfocado en la publicación de contenidos que adolece en otro aspectos, que puntualmente mejoramos para finalizar el proyecto con garantías de futuro:

  • Anulación de la gestión de copias en base de datos, impidiendo el crecimiento de la misma durante la redacción de nuevos contenidos.
  • Disminución del número de conexiones a la base de datos, agilizando los procesos y la respuesta del servidor.
  • Testeo y aplicación de plugin de caché para todo el site, aumentando la velocidad de carga de la web.

Lenguajes y herramientas:

CSS, HTML, Javascript, Wordpress

Agencia:

www.comuniqualis.com

Fecha de producción:

Abril-2011