www.academiacientifica.com
Diseño de página web
Academia Científica quería dejar atrás una página web que había quedado antigua en diseño y tecnología. Volvieron a confiar en nosotros para renovar su presencia digital y nos encargaron además un nuevo logotipo. Empezamos por ordenar la oferta formativa y la información que los alumnos necesitan encontrar con rapidez, desde las asignaturas hasta el contacto y las clases virtuales.
Para este rediseño web de Academia Científica utilizamos CSS Grid como recurso de maquetación flexible. La distribución se ajusta a móvil, tableta y ordenador sin perder la jerarquía de los contenidos. La portada reúne los accesos a docencia, ejercicios, idiomas y noticias, junto al área de alumnos y los mensajes de formación online. Así, las funciones prácticas conviven con una identidad gráfica actualizada.
La convivencia de información pública y área de alumnos da al proyecto dos recorridos complementarios. Una persona puede estar conociendo la academia y otra entrar para localizar recursos de formación. La organización de Academia Científica debía distinguir esas necesidades sin dividir la identidad del centro. Los accesos y los bloques de contenido ayudan a reconocer qué se puede consultar en cada parte. La renovación gráfica acompaña esa tarea con una marca que mantiene el mismo lenguaje a través de la página.
Las clases virtuales, los ejercicios y las noticias tienen contenidos y frecuencias de consulta diferentes. Por eso el diseño no depende solo de una portada atractiva, sino de una jerarquía que dé lugar a cada apartado. Las webs relacionadas de Colegio Inmaculada Enpetrol y Papa Lima 55 permiten comparar otros proyectos formativos, con públicos y propuestas propias. En Orea, la actividad educativa se presenta desde otro contexto. La relación entre las fichas está en adaptar la comunicación a quienes necesitan conocer una oferta de aprendizaje.
Nos interesaba que el cambio de estética tuviera una utilidad diaria para el centro y sus estudiantes. El nuevo logotipo y la web responsive forman un conjunto coherente, con navegación reconocible y bloques fáciles de consultar. La galería conserva varias vistas del proyecto para enseñar cómo se resolvió su presentación.
También organizamos información para una comunidad educativa en la página del Colegio Inmaculada Enpetrol. El público y las funciones son diferentes, pero ambos trabajos muestran cómo adaptamos la navegación web a un centro de enseñanza.
En la web de Oposiciones Papa Lima 55 organizamos también información formativa y un acceso de alumnado. La web de Granja Escuela Orea permite comparar una propuesta educativa de otra naturaleza, manteniendo la identidad propia de cada centro.
Puedes ver más trabajos en Pinterest de Dos Enes.
