Guía visual: presentación de la aplicación web "Colegio"
página de inicio
- Objetivo: Presentar la información principal del sitio web y ofrecer una navegación intuitiva hacia las distintas secciones (institución, noticias, galería
de imágenes eventos, galería y contacto). Su función es captar la atención del visitante y mostrar de forma clara la identidad visual del centro.
- Elementos clave: Cabecera con logotipo, menú principal y barra de búsqueda, carrusel de imágenes destacadas con enlaces a secciones relevantes,
bloques de noticias y eventos actualizados, sección informativa de bienvenida con texto e imagen y pie de página con enlaces rápidos y redes sociales.
- Diseño: Se ha utilizado una estructura limpia y simétrica, con predominio de tonos azules para transmitir confianza y profesionalidad. El uso de imágenes
amplias y espacios en blanco mejora la legibilidad y da sensación de orden. La tipografía es moderna y clara, manteniendo coherencia con la identidad visual
del sitio.
página de galería de imágenes
- Objetivo: Mostrar las fotografías relacionadas con las actividades o servicios del centro, reforzando la parte visual y atractiva del sitio web.
- Elementos clave: Carrusel principal con imágenes representativas, diseño responsive que adapta las imágenes al ancho de pantalla, estructura sencilla
que facilita la visualización sin distracciones, lateral con calendario y etiquetas para acceder a otros contenidos.
- Diseño: Predomina el espacio negativo para resaltar las imágenes. Se mantienen los colores corporativos del encabezado y pie de página para conservar
la coherencia visual. La simplicidad favorece la navegación y el enfoque en el contenido gráfico.
página de contacto
- Objetivo: Permitir que los visitantes se comuniquen fácilmente con la organización, solicitando información o dejando consultas.
- Elementos clave: Formulario de contacto con campos de nombre, correo, asunto y mensaje, botón de envío accesible y bien contrastado, barra lateral
con calendario y publicaciones recientes e información institucional en el pie de página.
- Diseño: Diseño limpio y funcional con foco en la usabilidad. El formulario ocupa la zona principal para facilitar la interacción del usuario. Los
colores suaves y el fondo claro aportan claridad, mientras que los acentos azules mantienen la identidad visual del sitio.