Propuesta de rediseño del sitio web institucional

Diagnóstico

Qué encontramos en escuelamilitar.cl

Medimos la portada en un navegador real. El sitio funciona, pero su base técnica y visual corresponde a una generación anterior de la web: pesa demasiado, tarda demasiado y no se ve como lo que representa.

Medición hecha el 2 de octubre de 2026 sobre la portada, en Chrome y con conexión de banda ancha a través de VPN. Los tiempos varían según la red; el peso y el número de peticiones no.

• ▸
  Tecnología de hace más de una décadaSitefinity sobre ASP.NET clásico, con Bootstrap 4 (sin soporte desde 2023) y jQuery. Cada cambio de contenido depende de una plataforma que ya casi nadie mantiene.
• ▸
  La página de Admisión no tiene textoLa página más importante para captar postulantes está compuesta por imágenes con el texto incrustado. Google no lo lee, un lector de pantalla no lo lee y en un teléfono se ve diminuto.
• ▸
  Fotografías de baja resoluciónCasi todas las imágenes del sitio miden entre 560 y 1000 píxeles de ancho. En una pantalla actual se ven pixeladas, y eso resta seriedad a toda la institución.
• ▸
  Secciones rotas"Vinculación con el medio" y "Extensión" se muestran como bloques grises superpuestos y vacíos. La portada además tiene desplazamiento horizontal.
• ▸
  Accesibilidad resuelta con un parcheEl botón de contraste y tamaño de letra añadido encima indica que la base no cumple. La Ley 20.422 y la norma WCAG exigen que el sitio sea accesible por diseño.
• ▸
  Rastreadores publicitarios de tercerosFacebook Pixel y DoubleClick cargan en la portada de una institución del Estado. Con la Ley 21.719 de datos personales en vigencia, conviene revisarlo.
• ▸
  Inaccesible desde el extranjeroVerificamos que desde Australia el sitio responde "Sorry, you have been blocked". Exalumnos, agregadurías y academias extranjeras pueden estar quedando fuera.
• ▸
  El logotipo sólo existe en 150 píxelesEl archivo que usa el propio sitio mide 150 × 101 px y está recortado: el lema termina en “PATRIOTISMC”. Para un sitio moderno hace falta el escudo en vector.
• ▸
  El contenido es bueno; la vitrina noLa misión, el perfil del oficial, la historia y el patrimonio están bien escritos. El problema es cómo se muestran, no qué se dice.

Fotografía

Las mismas fotos, a la altura de la institución

Recuperamos y reconstruimos las fotografías del propio sitio para que puedan usarse a pantalla completa. Mueve el control para comparar. Para el sitio definitivo recomendamos, además, una sesión fotográfica propia.

Original del sitio Reconstruida

Cadetes frente a la Catedral de Santiago — original 640 × 480 px, reconstruida a 1536 × 1024 px.

Original del sitio Reconstruida

Escuadrón Montado en la Gran Parada Militar — original 640 × 426 px, reconstruida a 1536 × 1024 px.

Tres caminos

Tres propuestas, el mismo contenido

Cada una es una portada completa y navegable, con el contenido real de la Escuela. Ábrelas en el computador y en el teléfono: las tres se adaptan.

Propuesta A

Tradición

Institucional y sobria. Azul profundo, dorado y tipografía serif. La línea de las grandes academias: West Point, Sandhurst, universidades centenarias.

• Máxima autoridad y respeto
• Ideal para autoridades, prensa y convenios
• Menos "campaña", más institución

Ver propuesta A →

Propuesta B

Vanguardia

Clara, amplia y editorial. Fondo blanco, tipografía contemporánea y mucho aire. La línea de las universidades de prestigio actuales.

• Lectura cómoda y moderna
• Deja los colores institucionales al logotipo
• La más fácil de mantener en el tiempo

Ver propuesta B →

Propuesta C

Vocación

Cinematográfica y directa. Fondo oscuro, fotografía a pantalla completa y titulares condensados. Pensada para emocionar al futuro postulante.

• Usa los colores institucionales tal cual: amarillo #FFD900 y negro
• Portada con el video de la campaña de admisión
• Narra los cuatro años como un recorrido

Ver propuesta C →

El proyecto

Cómo lo haríamos