14/04/2026
Rediseño web completo: antes y después de la página de MIGVEN
El trabajo de rediseño de esta página web consistió en una transformación integral de la experiencia visual, estructural y comunicativa del sitio, pasando de una web con una presentación funcional pero desorganizada, a una plataforma mucho más moderna, clara, emocional y estratégica.
El objetivo del rediseño no fue solo “hacerla ver mejor”, sino darle una identidad más sólida, mejorar la lectura del contenido, jerarquizar mejor la información, fortalecer el mensaje institucional y facilitar la interacción del usuario, especialmente en acciones clave como conocer la causa, explorar los programas y realizar una donación.
Descripción general del antes
En la versión anterior, la página transmitía la intención social y humanitaria del proyecto, pero presentaba varios problemas de diseño y comunicación que reducían su impacto visual y su efectividad.
A nivel general, el sitio se veía muy cargado, fragmentado y poco jerarquizado. Aunque contenía información importante, esta no estaba organizada de forma estratégica, lo que hacía que la navegación se sintiera extensa, poco fluida y en algunos momentos confusa.
Principales características del sitio antes del rediseño
La versión anterior tenía un encabezado y un banner principal con imagen de fondo, pero el mensaje de apertura no lograba generar una entrada suficientemente poderosa. El titular era correcto, pero la presentación general no ayudaba a destacar la misión de la fundación con la fuerza emocional y visual que requería.
El menú superior era funcional, aunque visualmente pequeño y con menos protagonismo. No existía una estructura clara de prioridad dentro del header, por lo que acciones importantes como donar o conocer el trabajo de la fundación no destacaban lo suficiente.
La distribución de los bloques de contenido era irregular. Se observaban secciones con:
textos muy pequeños,
imágenes sin una composición uniforme,
demasiados espacios desaprovechados en algunos puntos,
y desorden visual en la forma en que se relacionaban los elementos entre sí.
También se percibía una falta de consistencia gráfica. Algunas imágenes, botones, íconos y recursos visuales parecían pertenecer a estilos distintos. Esto hacía que la experiencia del usuario no se sintiera cohesionada ni del todo profesional.
Otro punto importante era la repetición excesiva de elementos secundarios, como los íconos de redes sociales flotando en múltiples secciones del sitio. Esto generaba ruido visual y restaba atención a los contenidos verdaderamente importantes.
En el contenido central había un esfuerzo por informar sobre la migración venezolana, el síndrome de Ulises y la misión de la fundación, pero la forma de presentarlo no ayudaba a una lectura cómoda. La información estaba, pero no estaba optimizada para ser consumida fácilmente.
Además, la página anterior tenía varios llamados a la acción genéricos como “Leer más”, pero sin una estrategia clara de conversión. Es decir, el usuario podía recorrer la web, pero no necesariamente entendía con rapidez cuál era el siguiente paso más importante.
Problemas detectados en la versión anterior
Desde una mirada profesional de diseño web, la página anterior presentaba varios aspectos que limitaban su rendimiento:
1. Jerarquía visual débil
No había una estructura suficientemente clara para guiar al visitante desde el primer impacto visual hasta las acciones más importantes. Todo competía por atención al mismo tiempo.
2. Exceso de saturación visual
Había muchos elementos distribuidos de forma poco controlada: imágenes, textos, botones, redes sociales, bloques informativos y espacios grises que no ayudaban a construir una narrativa visual limpia.
3. Diseño poco actual
La estética general se percibía más cercana a una web antigua o poco refinada. Esto podía afectar la percepción de confianza, organización y profesionalismo institucional.
4. Bajo aprovechamiento del hero principal
El primer pantallazo no explotaba el potencial emocional de la causa. Para una fundación con un mensaje tan humano, el inicio debía ser mucho más impactante y persuasivo.
5. Deficiencias en la experiencia de lectura
Los textos no siempre tenían buen tamaño, aire visual o acompañamiento gráfico adecuado. Esto hacía más pesada la lectura y reducía la permanencia del usuario.
6. Llamados a la acción poco estratégicos
La página mostraba botones, pero no existía una ruta clara de conversión. Faltaba intención en el diseño para conducir al usuario a registrarse, apoyar, conocer programas o donar.
7. Footer y cierre con poco peso institucional
La parte final del sitio no aprovechaba la oportunidad de cerrar con fuerza, confianza, claridad de contacto y accesos rápidos bien organizados.
Objetivo del rediseño
El rediseño fue planteado para lograr una página mucho más:
moderna, humana, profesional, visualmente ordenada, persuasiva y funcional.
Se buscó que la nueva web permitiera:
• comunicar mejor la misión de la fundación,
• emocionar desde el primer pantallazo,
• organizar el contenido de manera más clara,
• mejorar la usabilidad,
• fortalecer la imagen institucional,
• y aumentar la probabilidad de interacción del usuario con los objetivos clave del sitio.
El rediseño
La nueva versión representa una evolución muy notable en todos los niveles. El sitio pasa a tener una identidad visual mucho más sólida, contemporánea y confiable, con una estructura mejor pensada para informar, sensibilizar y movilizar al usuario.
Desde el primer momento, la página renovada transmite una imagen más seria, cuidada y profesional. Ya no se siente como una colección de bloques de contenido, sino como una experiencia digital coherente.
Mejoras más importantes en el rediseño
1. Nuevo hero principal con alto impacto emocional
Uno de los cambios más fuertes está en la cabecera principal. Ahora el sitio abre con una portada mucho más contundente, con:
• una imagen de fondo mejor integrada,
• una capa visual oscura que mejora la legibilidad,
• un titular mucho más poderoso,
• un subtítulo bien estructurado,
• y dos llamados a la acción claros y visibles.
El nuevo mensaje principal ya no solo informa: conecta emocionalmente. Esto es clave para una organización con enfoque social y humano.
2. Navegación superior más limpia y estratégica
El encabezado se rediseñó para verse más ordenado, elegante y funcional. El logo tiene mejor presencia, el menú es más limpio y el botón de donaciones destaca con un color que lo convierte en un punto de atención inmediata.
Esto mejora la experiencia del usuario y deja claro, desde arriba, cuál es una de las acciones más importantes del sitio.
3. Mejora radical de la jerarquía visual
En la nueva versión, cada bloque tiene un propósito claro. La información ya no compite entre sí. Ahora existe una secuencia lógica que guía al visitante por el contenido:
• impacto inicial,
• contexto del problema,
• comprensión humana de la crisis,
• explicación de la propuesta,
• casos o proyectos,
• y finalmente llamado a donar.
Eso convierte la navegación en una experiencia mucho más intuitiva.
4. Diseño más limpio, aireado y profesional
El nuevo diseño elimina gran parte del ruido visual del sitio anterior. Se mejoraron:
• los espacios entre secciones,
• la alineación de columnas,
• el uso de tarjetas,
• la relación entre texto e imagen,
• y la consistencia general de botones, tipografías y colores.
Ahora la página respira mejor y permite que cada sección tenga protagonismo sin saturar al usuario.
5. Sistema visual coherente
La nueva propuesta unifica la identidad gráfica con una línea visual mucho más consistente. Se aprecia una paleta basada en tonos azules, verdes y blancos, que comunica confianza, esperanza, apoyo y humanidad.
Los botones, íconos, tarjetas y bloques siguen una misma lógica visual, lo que refuerza la percepción de profesionalismo.
6. Uso de métricas destacadas
La incorporación de cifras visibles en la parte superior mejora mucho la comunicación del impacto. Mostrar datos como millones de migrantes, familias apoyadas, proyectos activos y regiones impactadas ayuda a dar contexto inmediato y aporta credibilidad.
Esto no solo informa: también posiciona a la fundación como una organización con alcance y propósito claro.
7. Reorganización del contenido informativo
En la nueva versión, las secciones informativas fueron reestructuradas para ser más fáciles de entender. El contenido sobre la crisis migratoria, el síndrome de Ulises, los testimonios y los datos ahora tiene una presentación mucho más clara y visualmente atractiva.
Se nota una intención de convertir información compleja en una experiencia más humana y digerible.
8. Mejor aprovechamiento de bloques temáticos
Las secciones como “Historias”, “Datos” y “Testimonios” están mejor definidas. Ya no son solo contenidos dispersos, sino bloques con identidad propia dentro de la página.
Esto permite que el usuario entienda con rapidez qué tipo de información encontrará en cada parte del sitio.
9. Presentación más sólida de la propuesta institucional
La sección donde se explican áreas como emprendimiento, educación, sostenibilidad e integración social fue rediseñada con un sistema de tarjetas mucho más claro y ordenado.
Esto fortalece la comprensión del trabajo real de la fundación y le da más peso a su propuesta de valor.
10. Mejor integración de video, reflexión y mensaje humano
La sección audiovisual y reflexiva fue mejor resuelta. En lugar de sentirse aislada, ahora hace parte de una narrativa más consistente. El contenido emocional tiene mejor apoyo visual y mejor contexto.
11. Proyectos y casos de éxito mejor organizados
En la nueva versión, los proyectos ya no se ven como entradas sueltas. Ahora aparecen como tarjetas bien estructuradas, visualmente coherentes y más fáciles de explorar. Esto mejora la presentación del trabajo de la fundación y facilita el descubrimiento de historias reales.
12. Llamado a la donación mucho más fuerte
Uno de los grandes aciertos del rediseño es el bloque final orientado a la acción. La nueva página cierra con una sección de donación mucho más clara, emocional y estratégica.
En lugar de dejar esa intención dispersa, ahora el sitio le da protagonismo real a la conversión. El mensaje es directo, humano y convincente.
13. Footer rediseñado con estructura institucional
El pie de página ahora se siente más completo, moderno y útil. Incluye mejor organización de enlaces, programas, contacto y datos generales, lo cual mejora la confianza y el cierre del recorrido del usuario.
Comparación clara del antes y después
Antes
La web mostraba la intención y el contenido, pero con una estructura visual más débil, poco ordenada y menos efectiva para comunicar confianza, claridad y propósito.
Después
La nueva versión convierte esa misma información en una experiencia mucho más estratégica, emocional y profesional, elevando la percepción de marca y mejorando notablemente la navegación.
Resultado del rediseño
El rediseño logra que la página pase de ser un sitio informativo con limitaciones visuales a una plataforma institucional mucho más moderna, clara y persuasiva.
Visualmente, el cambio es notorio.
Estructuralmente, la mejora es evidente.
Y comunicacionalmente, la nueva versión transmite mucho mejor la misión de la fundación.
No se trata solo de un cambio estético. Se trata de una mejora real en cómo el usuario:
• percibe la organización,
• entiende su labor,
• navega el contenido,
• y se siente motivado a involucrarse.
