Proyectos
WordPress UX / UI Diseño Web SEO On-Page

Instituto Aprehender

Rediseño completo de un instituto de formación profesional con presencia nacional. El desafío: transformar un sitio desactualizado en una herramienta real de captación de alumnos.

Cliente Instituto Aprehender
Ubicación Gral. Alvear, Mendoza
Rubro Educación / Formación profesional
Año 2025
Ver sitio online
Mockup Instituto Aprehender — Moonmilk Studio

El problema

Un instituto con 10 años de trayectoria que no lo comunicaba.

Instituto Aprehender tenía una propuesta académica sólida, con convenios con UTN y aval nacional, pero su sitio web no lo reflejaba. La primera impresión que recibían los potenciales alumnos no estaba a la altura de lo que el instituto realmente ofrecía.

El sitio anterior carecía de una propuesta de valor visible, la oferta de cursos era difícil de explorar y la identidad visual transmitía antigüedad en lugar de confianza. El resultado: oportunidades de inscripción perdidas en cada visita.

  • Hero con slider genérico sin propuesta de valor clara
  • Navegación que no reflejaba la oferta académica completa
  • Identidad visual desactualizada e inconsistente
  • Experiencia mobile deficiente
  • Sin jerarquía de contenido ni foco en conversión
Antes Inicio
Sitio web anterior de Instituto Aprehender
Imagen: antes_despues_hero.png

El Rediseño

Rediseñamos la experiencia para transmitir confianza y facilitar la decisión.

01

Estrategia digital

Antes de comenzar el rediseño, analizamos la estructura existente, el comportamiento esperado de los usuarios y los objetivos del proyecto. A partir de este diagnóstico definimos una estrategia orientada a mejorar la claridad del mensaje, optimizar los recorridos de navegación y aumentar las oportunidades de conversión.

Se reorganizó la estructura completa del sitio priorizando el acceso a cursos, áreas educativas y canales de consulta desde cualquier dispositivo. El resultado fue una navegación más fluida, con un mega menú por áreas que facilitó la exploración de la oferta completa.

  • Auditoría y diagnóstico inicial
  • Mega menú por áreas de formación
  • Arquitectura estratégica de contenido
  • Definición de recorridos de conversión
Sitemap
Arquitectura de contenidos — Instituto Aprehender
Imagen: antes_despues_home.png
02

Diseño UX / UI

Se rediseñó cada pantalla con foco en reducir la fricción entre el interés del estudiante y la acción de consultar o inscribirse. La arquitectura visual fue pensada para guiar, no para informar.

El nuevo hero comunica la propuesta en segundos: qué estudiar, cómo hacerlo y por qué elegir Aprehender. Los badges de credibilidad institucional refuerzan la confianza sin ocupar protagonismo.

  • Nuevo hero con propuesta de valor clara
  • Badges de credibilidad institucional
  • Sección de modalidades de estudio
  • Cards de cursos más buscados rediseñadas
Antes / Después
Diseño UX UI — Instituto Aprehender
Imagen: antes_despues_hero.png
03

Desarrollo e implementación

El sitio fue desarrollado en WordPress con Elementor, con una estructura modular que facilita la actualización de cursos y contenidos sin necesidad de soporte técnico.

Se implementó optimización SEO On-Page en todas las páginas principales: meta titles, meta descriptions, etiquetas H1-H2-H3, alt text en imágenes, URLs amigables y configuración básica de plugin SEO. También se optimizó la velocidad y el comportamiento mobile.

  • WordPress + Elementor modular
  • SEO On-Page en todas las páginas
  • Optimización de velocidad y Core Web Vitals
  • Adaptación mobile en todos los dispositivos
Antes / Después
Desarrollo — Instituto Aprehender
Imagen: antes_despues_seccion_mas_buscados.png

SEO & Técnica

Lo que no se ve también define el resultado.

Además del rediseño visual, se implementaron mejoras técnicas orientadas a la visibilidad y el rendimiento del sitio. Un buen diseño sin base técnica sólida no posiciona ni convierte.

Cada página fue optimizada individualmente para que el sitio pueda competir en los resultados de búsqueda y ofrecer una experiencia rápida desde cualquier dispositivo.

  • Meta titles y descriptions Redacción e integración optimizada en todas las páginas principales
  • Estructura de encabezados Jerarquía H1, H2 y H3 correcta en todo el sitio
  • Alt text en imágenes Descripción accesible y optimizada en todos los recursos visuales
  • URLs amigables y limpias Estructura clara y coherente para buscadores y usuarios
  • Velocidad y Core Web Vitals Optimización de imágenes y peso de archivos para mejorar la carga
  • Plugin SEO configurado Instalación y configuración básica orientada al crecimiento orgánico

Resultados del proyecto

Un sitio que ahora trabaja para el instituto.

01

Reorganizamos la arquitectura completa del sitio para que cualquier alumno encuentre su curso en menos pasos.

02

Mejoramos la experiencia mobile desde cero, logrando una navegación fluida y sin fricciones en todos los dispositivos.

03

Unificamos la identidad visual del instituto, creando coherencia entre todas las secciones y reforzando la imagen institucional.

04

Construimos una base técnica sólida con SEO on-page, velocidad optimizada y estructura lista para crecer orgánicamente.

Diseñar para un instituto educativo es también construir confianza. Cada decisión fue pensada para mejorar la comunicación institucional y acompañar el crecimiento de Instituto Aprehender.

Nadia Luna — Moonmilk Studio

Moonmilk Studio

¿Querés un sitio que realmente represente tu negocio?

Trabajemos juntos para crear una presencia digital alineada a tu marca.