Una web de instituto donde cada público encuentra lo suyo
En la web de un instituto conviven grados, secretaría, noticias y documentación: reordené la estructura, las páginas principales y la identidad del centro.
Rol · Arquitectura y diseñoEntregado · Rediseño y sistema visualHerramientas · Figma · HTML · CSS
El problemaCada perfil buscaba lo suyo en el mismo montón.
Lo que hiceRehíce el mapa de contenidos, las páginas clave y la identidad.
El resultadoDesde la portada, cada público tiene su propia puerta de entrada.Rediseño propuesto en 2020 · navegable desde «Ver rediseño».
01 · El contextoDe dónde parte el proyecto
En la web de un instituto conviven muchas cosas: grados, secretaría, noticias, documentación, información para familias y contenidos para futuros alumnos. Cada perfil buscaba lo suyo en el mismo montón.
Fig. 1 · La web anterior
02 · El procesoCómo se llegó hasta ahí
Ordené todo eso para que cada perfil encontrara antes lo que venía a buscar: estructura nueva, páginas principales rediseñadas y una identidad visual que hace al centro más reconocible.
Fig. 2 · El nuevo mapa de contenidos Fig. 3 · Wireframes Fig. 4 · Diseño visual Fig. 5 · Sistema visual e identidad
03 · El resultadoEn qué acabó todo
La navegación funciona igual de bien en móvil y en escritorio, y desde la portada cada público tiene su camino.
