Rediseño 2027
Rediseño completo de garciaflamenco.edu.sv, octubre 2026. Esta página resume la auditoría del sitio actual, la nueva estructura y las decisiones de diseño.
Estilo: Swiss Style institucional
El International Typographic Style: grilla de 12 columnas, tipografía grotesca grande alineada a la izquierda, filetes finos y color del escudo en bloques planos. Es el lenguaje de la UCA y de las universidades europeas: serio, claro y fácil de leer.
Referencias. De la UCA: barra superior con portales, menú por temas (Admisión, Oferta académica, Vida estudiantil, Acerca de) y bloques de Cartelera y Toma nota. De la Escuela Americana: tres acciones fijas para padres (Solicitar información, Visitar, Aplicar) y cifras del colegio. De Gilman School: accesos por público (familias, estudiantes, exalumnos) separados del menú principal.
Tipografía. Founders Grotesk (Klim) para títulos y navegación: grotesca de principios del siglo XX, de la misma familia que la Franklin Gothic de la UCA y que las letras de la fachada. Tiempos Text (Klim) para textos largos: serif editorial que dialoga con el Garamond del escudo. Ambas están en el Top 50 de Creative Boom 2026. Requieren licencia web; este prototipo usa Libre Franklin y Source Serif 4 como sustitutos.
Lo que encontramos en el sitio actual
Revisamos las 20 páginas, el código y la versión móvil.
| Severidad | Hallazgo | En la propuesta |
|---|---|---|
| Alta | Las noticias enlazan a garciaflamenco.wpcomstaging.com (un sitio de pruebas) y «Fútbol con Codey Rocky» da error 404. | Noticias dentro del mismo sitio, con fecha y foto. |
| Alta | Pagos, notas SIGA y matrícula están en el pie de página. «Proceso de matrícula» del menú abre otro dominio sin aviso. | Botón Portal Garciísta fijo en la cabecera con los 6 accesos, y página propia. |
| Alta | Las cuotas solo aparecen al final de cada nivel. Los datos de seguridad (153 cámaras, molinetes) están en «Servicios administrativos». | Cuotas en Inicio, Niveles y Admisiones. Seguridad en Inicio: es lo primero que revisan los papás. |
| Media | Errores de texto: «Contador de LOGROSS», «Colegio García Flamencio 2024», «Gariciísta», «conciderablemente», «Constacias», «Stikers», «infraestructura modena». | Textos corregidos. |
| Media | Datos viejos: «753 alumnos (2021)», calendario 2024, «hace 99 años» y «96 años» en pleno centenario. | Cifras sin año de caducidad y calendario por meses fácil de actualizar. |
| Media | La biografía de Don Francisco Morán contiene el texto de Don Salvador Cañas. | Marcada como pendiente para que el colegio la complete. |
| Media | Los contadores muestran «0» hasta que la animación corre; si falla, la página dice que hay 0 aulas. | Sin contadores animados: datos fijos en listas. |
| Media | En móvil y tableta hay desplazamiento horizontal y los botones flotantes tapan el texto. | Barra inferior fija de 4 accesos que no tapa contenido. |
| Baja | Cada página carga un mapa de Google incrustado (20 en total). | Un enlace a Google Maps en el pie y en Contacto. |
| Baja | Banners con texto dentro de la imagen («Eventos Académicos», «Servicios Educativos») y testimonios que solo son imágenes. | Títulos en texto real, legibles por lectores de pantalla y Google. |
| Baja | El botón «Inicia el proceso de Admisión» es un título con estilo rojo pegado a mano. | Botón de llamada a la acción consistente en todo el sitio. |
Nuevo mapa del sitio
De 20 páginas y 3 menús a 4 temas, una barra de públicos y portales, y 3 acciones fijas para padres.
Admisiones
Antes: Admisiones + partes de cada nivel
Portal Garciísta
Antes: E-School, pie de página y Servicios administrativos
Uso de marca según el manual
- El escudo se usa completo, sin deformar ni recolorear, y nunca en versión invertida.
- Colores del escudo: azul, rojo y amarillo. El manual da #085FA2 para web, pero el escudo oficial usa un azul marino más profundo (#011F7B). Usamos el del escudo; el colegio debe confirmar.
- Rojo y amarillo también se tomaron del archivo del escudo (#FF1B01, #FFCC00); el manual indica #EF4C37 y #FFCC2A. Para texto blanco sobre rojo usamos #E01500 por contraste AA.
- En el pie, el escudo va sobre placa blanca, nunca directo sobre azul.
- El logotipo en Garamond no se reescribe: en la cabecera va el escudo con el nombre en texto aparte.
- El manual no regula la mascota. Proponemos el gato «Este es mi colegio» solo en Parvularia, Admisiones y cierres, y el gato negro arqueado para deportes. Nunca dentro del escudo.
Founders Grotesk para títulos y menú. Tiempos Text para lectura larga.
Lo que necesitamos del colegio
Cuotas y fechas oficiales de Admisiones 2027
Calendario escolar 2027 completo
Confirmar azul web: #011F7B o #085FA2
Biografía correcta de Don Francisco Morán
Texto de los testimonios (hoy son imágenes)
Sesión de fotos 2027 por nivel, en horizontal
Número de alumnos actual y graduados
Escudo y mascotas en vector (SVG)
Fechas de Admisiones 2027: apertura, cierre y exámenes
Documentos requeridos para aplicar, por nivel
Resultados académicos para publicar (PAES, universidades)
Horas de inglés por semana y nivel al terminar 9.º
¿Hay cuidado por la tarde para Parvularia?
Tamaño mínimo del escudo: ¿15.2 mm de ancho o de alto?