Move Colombia

Landing page de una interfaz inmersiva y gamificada para aprender las danzas tradicionales colombianas en realidad virtual.

FORMATO

Landing page · Interfaz inmersiva

ENTREGABLE

Investigación creación e interfaz en figma

DISPOSITIVO

Web y gafas de realidad virtual (Meta Quest)

HERRAMIENTA

Figma · Photoshop · Illustrator

Mockup de presentación de Move Colombia
Diseño de interfaz Ver en grande ↗

01 SOBRE EL PROYECTO

Descripción

Proyecto de investigación-creación enfocado en el diseño de una interfaz inmersiva y gamificada (pensada para dispositivos como gafas Meta Quest). La propuesta busca tender un puente entre la tecnología y el patrimonio cultural inmaterial, permitiendo que los jóvenes interactúen, exploren y aprendan de manera activa sobre las danzas tradicionales colombianas (como el mapalé, el currulao, la cumbia, el bambuco, entre otras) a través del movimiento corporal y entornos virtuales.

Objetivo

Diseñar una interfaz inmersiva orientada al aprendizaje, divulgación y valoración de las danzas tradicionales colombianas para públicos jóvenes, integrando recursos de diseño de interfaces, narrativa visual y tecnologías de realidad virtual.

Problema

Actualmente existe una pérdida progresiva de apropiación e identidad cultural en los jóvenes debido a la influencia de la globalización y al consumo masivo de contenidos digitales extranjeros, lo que genera desinterés hacia las expresiones locales al percibirlas como lejanas o desactualizadas.

¿Cómo podría diseñarse una interfaz inmersiva que facilite el aprendizaje y la valoración de las danzas tradicionales en públicos jóvenes?

Mi rol

Hice la investigación de las danzas, la investigación de usuario y de referentes, la estructura de la landing, los wireframes, el UI kit y el diseño visual final.

01

Llevé las danzas tradicionales a un lenguaje visual contemporáneo, cercano a lo que los jóvenes ya consumen.

02

Basé las decisiones en una protopersona y en el análisis de plataformas de baile y aprendizaje existentes.

03

Construí un UI kit (colores, tipografía, componentes, íconos y botones) que mantiene la interfaz consistente.

Proceso

01

Protopersona

Quién usa la plataforma, qué necesita y qué la frena.

02

Benchmarking

Análisis de plataformas de baile y aprendizaje con movimiento.

03

Wireframes

Estructura de la landing en baja fidelidad, sección por sección.

04

UI Kit

Colores, tipografía, componentes, íconos y botones.

05

Diseño Final

Landing en alta fidelidad con fotografía de danza y mapa.

Foto de Laura, protopersonaFoto
Protopersona

Laura, 38 años

Docente. Busca recursos que conecten a sus estudiantes con la cultura colombiana.

Wireframes vs. diseño final

Por qué se ve así

Decisión 01

Fotografía de danza a pantalla completa

El movimiento es el protagonista. Las imágenes grandes transmiten energía y hacen que la tradición se sienta actual.

Decisión 02

El mapa para ubicar cada danza

Relacionar cada danza con su región ayuda a entender de dónde viene y le da contexto cultural al aprendizaje.

Decisión 03

Gamificar desde la landing

El registro desbloquea un juego exclusivo. La invitación a jugar baja la barrera de entrada para el público joven.

05UI Kit
Titulares

Gilroy

H1 60 px · H2 48 px

Textos

San Francisco

Colores
Componente
Tarjetas de danza
Tarjetas de danza
Componente
Retos del día
Retos del día
Componente
Íconos y navegación
Íconos y navegación
Componente
Botones y estados
Botones y estados