Sitio Web para Open Education Week

Rediseño web y dirección creativa para un evento global

Open Education Week (OE Week) es una celebración anual organizada por Open Education Global para promover y compartir iniciativas de Educación Abierta alrededor del mundo.

Como Director Creativo de la organización, mi responsabilidad fue liderar la propuesta de rediseño del sitio web para la edición 2021 del evento. El objetivo principal era crear una experiencia moderna, accesible y centrada en facilitar la exploración de contenidos por parte de los usuarios.

El desafío

El sitio debía cumplir varios objetivos importantes:

• Comunicar el carácter global y colaborativo del evento.

• Mantener una identidad visual cálida, dinámica y accesible.

• Facilitar la navegación entre actividades, recursos y eventos.

• Optimizar la experiencia en dispositivos móviles.

• Mejorar la organización visual de grandes volúmenes de contenido.

Enfoque creativo

El proyecto inició con la creación de una nueva imagen promocional para utilizarse en:

• Sitio web

• Redes sociales

• Campañas de email marketing

• Materiales digitales del evento

Se desarrollaron múltiples versiones hasta llegar a una propuesta final en tercera dimensión que integraba un modelo del mundo para reforzar el alcance internacional de la iniciativa.

La identidad visual también incorporó animaciones sutiles para dar mayor profundidad y dinamismo al branding del evento.

Diseño mobile first

El diseño del sitio fue desarrollado siguiendo un enfoque Mobile First, priorizando primero la experiencia en dispositivos móviles.

La interfaz fue diseñada para:

• Reducir distracciones.

• Destacar el contenido más importante.

• Facilitar la navegación rápida.

• Mantener accesibles las principales secciones mediante un menú fijo.

Posteriormente, el diseño fue escalado para pantallas más grandes incorporando elementos avanzados y mejoras de exploración visual.

Arquitectura y experiencia de usuario

Los contenidos principales del sitio eran:

• Recursos educativos

• Actividades compartidas por usuarios

• Eventos y sesiones

Para mejorar la experiencia de navegación:

• Se diseñaron vistas específicas para cada tipo de contenido.

• Se utilizaron colores diferenciados para facilitar identificación visual.

• Se creó una estructura clara y consistente en todas las páginas.

Calendario de Eventos

Uno de los elementos más importantes del proyecto fue el diseño del calendario interactivo de actividades.

La interfaz permitía:

• Visualizar eventos por día.

• Filtrar actividades por categorías.

• Navegar fácilmente entre sesiones.

• Acceder rápidamente a información relevante.

El diseño priorizó:

• Claridad visual.

• Botones amplios e intuitivos.

• Lectura rápida de información.

• Navegación accesible.

Colaboración y prototipado

Todo el sistema de diseño y prototipado fue desarrollado en Figma, facilitando:

• Trabajo colaborativo en tiempo real.

• Comunicación con el equipo de desarrollo.

• Inspección técnica de componentes.

• Traducción más precisa del diseño a código.

La comunicación constante mediante Slack también fue clave para coordinar el proceso entre diseño y programación.

Herramientas utilizadas

• Figma

• Diseño UI/UX

• Prototipado interactivo

• Diseño Mobile First

• Branding Digital

• Motion Design

Nota: El sitio web ha sido actualizado con los años y ahora muestra una cara distinta.