SuelAR — mural interactivo con Realidad Aumentada

Case Study — 2024

SuelAR

Descripción Mural interactivo con Realidad Aumentada en el Paseo Altamirano, Valparaíso, orientado a la educación sobre flora y fauna marina.
Rol Investigación UX · Prototipado · Diseño de interacción
Contexto Proyecto multidisciplinario — PUCV, Valparaíso
AR / XR UX Research Interacción Educación Espacio Público
01

Sobre el proyecto

¿Cómo puede la realidad aumentada revitalizar un espacio público costero y reconectar a los ciudadanos con su patrimonio marino?

Este proyecto revitaliza el borde costero del Paseo Altamirano en Valparaíso, Chile, a través de un mural interactivo de gran escala potenciado con Realidad Aumentada. Orientado a educar sobre la flora y fauna marina local, busca reconectar a los ciudadanos con su patrimonio costero.

Participé en la primera fase de investigación y prototipado, sentando las bases de esta iniciativa multidisciplinaria que combina arte, tecnología y educación para transformar el espacio en un área pública inclusiva.

02

Problema

Espacio público subutilizado: El Paseo Altamirano, a pesar de su valor escénico e histórico, carece de uso recreativo regular y participación comunitaria.

Patrimonio costero desconectado: Oportunidades limitadas para que los ciudadanos se vinculen con el entorno marino y su biodiversidad.

Brechas educativas: Recursos accesibles insuficientes para promover la conciencia ambiental sobre los ecosistemas marinos locales.

Degradación del espacio: Necesidad de revitalización para mejorar la calidad e inclusividad del área urbana.

Integración tecnológica limitada: Uso mínimo de tecnologías interactivas e inmersivas en espacios públicos para educación y participación.

03

Soluciones

Mural interactivo de suelo: Un mural de gran escala en el Paseo Altamirano que representa la vida marina y sus ecosistemas.

Realidad Aumentada: Funciones AR que permiten a los usuarios interactuar y explorar especies marinas en 3D.

Enfoque educativo: Aprendizaje accesible sobre la flora y fauna marina local del litoral de Valparaíso.

Revitalización del espacio: Transforma un área subutilizada en un espacio público vibrante y educativo.

Participación comunitaria: Colaboración con organizaciones locales como "Salvemos las Torpederas" para promover el proyecto.

04

Estrategias de implementación

01

Colaboraciones: Asociación con organizaciones locales como "Salvemos las Torpederas" para apoyo comunitario.

02

Integración de tecnología AR: Desarrollo de experiencias de realidad aumentada para dispositivos móviles, accesibles al público general.

03

Participación pública: Organización de talleres y eventos para educar e involucrar a las comunidades locales.

04

Diseño y producción: Creación del mural con énfasis en el valor artístico y educativo de la pieza.

05

Promoción: Uso de redes sociales y redes locales para generar awareness y fomentar las visitas al paseo.

05

Low Fidelity Wireframes

Flujo completo de la aplicación SuelAR, desde el acceso inicial hasta la experiencia AR con los modelos 3D de especies marinas.

1 Allow Access 1 — Allow Access

La app solicita permiso para acceder a las funciones del teléfono requeridas para la AR.

1.1 Warning Access 1.1 — Warning Access

Se incentiva al usuario a otorgar acceso para una experiencia SuelAR completa.

1.2 Localization 1.2 — Localización

Opción para previsualizar el contenido de SuelAR en línea.

2 Animation Intro 2 — Animación Intro

Pantalla de bienvenida que prepara al usuario para las actividades interactivas.

3 Presentation 3 — Presentación

Un banco de peces giratorio llena el viewport mostrando el nombre: SuelAR Interactivo.

4 Tutorial AR 4 — Tutorial AR

Animación que explica brevemente cómo usar la realidad aumentada en contexto.

5 SuelAR Scan 5 — SuelAR Scan

El usuario escanea un elemento del mural y ve modelos 3D en AR con seguimiento de progreso por nivel de profundidad.

5.1 Menu 5.1 — Menú

Acceso a Acerca de, Juego, Ajustes y Ayuda desde el menú principal de la app.

6 Scanning Options 6 — Opciones de Escaneo

Tras escanear, la AR muestra el modelo 3D de la especie con herramientas de navegación.

6.1 Share 6.1 — Compartir

Opciones para fotografiar, ajustar el tamaño del modelo y ver su escala real.

7 Overview 7 — Vista General

Vista limpia del modelo 3D con menos distracciones, accesible tocando espacios vacíos en el entorno AR.

7.1 Interactive Animations 7.1 — Animaciones

Animaciones guiadas que permiten descubrir información detallada sobre la especie.

8 Next Level 8 — Siguiente Nivel

Tras interactuar, la navegación ofrece la opción de escanear un nuevo elemento para avanzar de nivel.

9 Levels 9 — Niveles

Animación de transición entre niveles que da una visión general del recorrido por el mural.

10 End 10 — Final

Pantalla de felicitaciones al completar todos los niveles, con opción de reiniciar y tomarse una foto con toda la fauna.

06

Diagrama de decisión

Flujo de navegación completo que mapea las decisiones del usuario desde que encuentra el mural hasta que completa la experiencia AR interactiva.

Diagrama de decisión SuelAR
07

The Evolution

Progresión de los wireframes de la app, ilustrando el refinamiento gradual de su identidad visual e interactiva. A lo largo de esta evolución se desarrollaron vectores decorativos, tipografía, paleta de color e interacciones, alineados con los objetivos conceptuales y estéticos del proyecto.

Evolución de wireframes SuelAR
08

Assets

Pantallas de alta fidelidad de la aplicación SuelAR Interactivo, mostrando la integración de los modelos AR con el entorno real del Paseo Altamirano.

Assets SuelAR — pantallas principales
Assets SuelAR — pantallas AR
09

The Design

Sistema de diseño de la interfaz, mockup del dispositivo y mapa completo del Paseo Altamirano con las especies distribuidas por nivel de profundidad.

Grid tipográfico SuelAR Grid tipográfico y sistema de componentes
Mockup SuelAR en iPhone Mockup aplicación en dispositivo
Mapa Paseo Altamirano con especies Mapa del Paseo Altamirano — distribución de especies por nivel de profundidad
10

Proyecciones

Ideas para proyectos futuros en evaluación, orientados a fomentar la participación ciudadana en espacios públicos a través de la autoría colaborativa, priorizando la inclusión, la contribución y la satisfacción del usuario.

Proyección 01
Citizen Art

Involucrar a los residentes de la ciudad en proyectos de arte participativo permitiéndoles dejar mensajes o recuerdos para visitantes futuros. Puntos interactivos en lugares icónicos de la ciudad mostrarán obras, escritos o contenido multimedia accesible mediante escaneo. Un "museo para todos".

Proyección 02
Augmented Mapping

Crear una experiencia de realidad aumentada con obras generadas por ciudadanos en ubicaciones estratégicas de la ciudad. Este proyecto expande las creaciones artísticas hacia dimensiones digitales, fomentando una conexión socio-artística que trasciende los límites tradicionales del espacio físico.

← Proyecto anterior

Edtech

Próximo proyecto →