Desarrollo de material interactivo para IE Publishing de IE University

iepublishing.ie.edu
  • UX-CX
  • Diseño
  • Frontend

Convertir este material interactivo en una experiencia vibrante y atractiva para los alumnos es el gran reto que Boream se plantea como objetivo en este proyecto de diseño de interfaz y desarrollo frontend.

Viaje al centro del marketing digital

El viaje que María hace a la India es el eje principal sobre el que se desarrolla el tutorial formativo de Digital Marketing. IE Publishing convierte ese viaje en una aventura, y Boream propone un entorno visual evocador y retante para el diseño de la interfaz de usuario.

Viaje al centro del marketing digital

El objetivo del equipo de UI era el de crear una experiencia memorable para el usuario,  a través del diseño de interfaz  y el concepto creativo, teniendo en cuenta al mismo tiempo, todos los requisitos pedagógicos necesarios para la correcta asimilación de los contenidos creados por IE Publishing.

Los colores de la aventura

El concepto creativo gira en torno al colorido festival hindú Holi. Una fiesta popular de la India que se celebra para dar la bienvenida a la primavera y en el que se lanzan polvos de colores brillantes y agua coloreada.

  • Mumbai red# C02362
  • Late runrise# E17170
  • Sun orange# F38A21
  • Vivid yellow# 171717
  • Light blue# 739CE6
  • Open green# 31974C
  • Dark n one# 171717
  • Grey n one# 6B6363
  • Grey n two# 919191
  • Grey n three# E0E0E0
Esteban Luque | Director of Learning Technologies at IE University
Boream ha conseguido superar nuestras expectativas en los proyectos que hemos realizado. Un equipo con talento, pasión y capaz de aportar valor y calidad en su trabajo diario

Esteban Luque Director of Learning Technologies at IE University

Conocimiento y evaluación

El alumno puede auto evaluar los conocimientos adquiridos en el material interactivo mediante un quiz de preguntas que le permite comprobar la asimilación del contenido.

El quiz se plantea de forma modular, de manera que se pueda realizar el test por cada capítulo de forma independiente o de forma global. Toda la lógica, implementada en Javascript, permite en todo momento saber los fallos y aciertos y la nota global que se obtiene.

Quiz Digital Marketing

Toda la lógica en el frontend

Para la implementación del diseño se planteó un desarrollo basado en los estándares HTML5 y CSS3, utilizando toda la potencia gráfica que sus últimas versiones aportan. Para donde la declaración de estilos no fue suficiente se complemento con programación Javascript, como por ejemplo en la implementación del Quiz de autoevaluación del alumno, donde se implementó toda la lógica necesaria en JS.

HTML5, CSS3 y JS los ingredientes principales del frontend del proyecto
Toda la lógica en el frontend
Frontend