Diseño Web

Sitio personal de Diana Hernández

Contexto

Diana Hernández Montoya es investigadora, docente y referente en innovación educativa, tecnología y educación abierta en América Latina. Su trayectoria combina investigación, liderazgo de proyectos y divulgación en escenarios internacionales como TEDx y redes académicas globales.

El sitio web dianahm.com funciona como su espacio digital personal para comunicar su perfil profesional, sus proyectos, publicaciones y contribuciones en el ámbito educativo.

Problema

El reto principal del sitio es traducir una trayectoria académica y profesional compleja en una experiencia digital clara, accesible y significativa para diferentes tipos de usuarios:

  • Instituciones académicas

  • Colaboradores potenciales

  • Estudiantes e investigadores

  • Organizadores de eventos

Además, debía lograr un equilibrio entre:

  • Credibilidad académica

  • Cercanía personal

  • Claridad en la navegación

  • Acceso rápido a contenidos clave

Objetivo

Diseñar una experiencia que permita:

  • Comunicar de forma clara el perfil profesional

  • Organizar información diversa (charlas, publicaciones, proyectos)

  • Facilitar el contacto y networking

  • Proyectar una marca personal coherente con innovación y educación

Proceso

Para crear el sitio algunos pasos importantes que se resumen en la siguiente lista:

  • Crear una jerarquía de contenido: principales secciones del sitio que responde a un patrón mental esperado en sitios personales y profesionales.

  • Diseño centrado en el usuario: establecer las necesidades del sitio, como validad la trayectoria, conocer proyectos e inspirar por medio de un contenido accesible y cercano.

  • Enfoque UI: estética y branding que transmiten profesionalismo.

  • Desarrollo Web: montaje de la página principal que responde a la información generada anteriormente. Se utilizó Framer para diseñar y darle funcionamiento al sitio.

Aprendizajes

Este caso demuestra que:

  • Un sitio personal no es solo informativo, sino estratégico.

  • La arquitectura de la información es clave en perfiles académicos.

  • El UX Writing y la claridad del contenido impactan directamente en la percepción profesional.

  • Diseñar para múltiples audiencias requiere equilibrio entre profundidad y simplicidad.

Create a free website with Framer, the website builder loved by startups, designers and agencies.