IES Islas Filipinas

Este es el árbol de la web original del centro. Fui recorriendo cada enlace, anotando los que estaban rotos, el contenido obsoleto… Para posteriormente rediseñar los cimientos.

Este ejercicio me ayudó a crear un mapa de la web para saber, como mínimo, qué debía mejorar. Clica aquí para verlo con todo detalle.

Este es el nuevo árbol web. Todo lo que necesitas ahora es más accesible. He de adelantar que, aunque lo veas mucho más ligero, tiene incluso más contenido que el original.

Para poder incluir todo en menos ramas, rediseñé la oferta formativa y secretaría. Clica aquí para verlo con todo detalle.

Una vez planificado el nuevo árbol, es momento de implementarlo en wireframes para ver si a priori funciona todo bien. Como verás más adelante, el resultado final no se parece mucho a estos bocetos.

En este paso se buscan todos los problemas de estructura y usabilidad que no encajen con el resultado deseado. A partir de ahora, empieza la magia.

En el momento en que tenía todo aclarado en los wireframes, empecé a crear el diseño en alta fidelidad.

En el proceso me encontré con un pequeño problema, no estaba siendo diferenciador. Tras un tiempo trabajando en pruebas y posibles cambios, este es el resultado final.

Empezaré hablando de la oferta formativa. En la antigua web se separan por niveles y familias, y dentro de cada nivel por otros tantos. Demasiados líos. El problema principal era que te obliga a elegir para ver cada ciclo.

En el nuevo diseño, las familias y niveles están unidos, con toda la información clave de un vistazo. Sólo tienes que elegir el ciclo para saber más sobre él.

Secretaría era como una oficina de los setenta con carpetas donde no encuentras ni el boli en tu mesa.

Esta sección me costó un poco más, pero el resultado es tan novedoso como la oferta formativa. Agrupé el contenido en las secciones que más se utilizan y dentro de cada una, enlaces para acceder al contenido deseado.

Ahora que todo estaba cogiendo forma y sentía que la web sí era diferenciadora, me encontré con que el imagotipo y los colores del centro me estropeaban el proyecto, así que decidí mejorarlo, pero eso no fue todo, fui más allá.

No se puede tener simplemente una web bonita, hay que acompañarla con el branding, la esencia del centro, y me puse a trabajar en ello.

Clases abiertas, para que los futuros alumnos puedan ver algunas clases de ejemplo. Compartir conocimientos, un blog para todos. Calendario dinámico, con el que todos pueden ver las fechas importantes según lo que necesiten.

Ya que el centro es especializado en artes gráficas, diseñé un logotipo haciendo guiño a esta especialidad jugando con la i y la f. Si te fijas, se puede apreciar a un alumno junto a su profesor.

Con todo el proceso completado, me sentía satisfecho con la propuesta de mejora para el centro. Ahora podía incluirlo en la web utilizando cualquier color de la paleta si alguna página en concreto lo requiriera. Una marca dinámica y adaptativa para las redes sociales, una nueva imagen para un nuevo instituto.