Diseño Interactivo

PORTAFOLIO

2026

LAURA ROLDAN

Soy diseñadora interactiva recién egresada, con muchas ganas de aprender, explorar y seguir creciendo en el campo del diseño. Creo en la tecnología como un medio sensible, capaz de comunicar, conectar y generar experiencias significativas más allá de lo funcional.Diseño experiencias donde lo digital y lo humano se encuentran. Trabajo desde las interfaces y el arte digital para transformar ideas en interacción, movimiento y percepción, explorando cómo los elementos visuales, el sonido y la participación del usuario pueden construir experiencias más vivas y envolventes. Me interesa crear propuestas que faciliten la vida cotidiana, fomenten la conexión entre las personas y abran nuevas formas de sentir, comunicar y habitar lo digital.

Interacción, diseño y experiencia en un mismo lenguaje.

DATOS CURIOSOS

No puedo trabajar sin música

Mi top 4 en Letterboxd

Obsesión con chaquetas de cuero

Me encanta dibujar a lapiz

Amo mi cámara instantánea

Amo el Volleyball

¿QUÉ PUEDO HACER POR TI?

Experiencias Inmersivas

  • Instalaciones interactivas
  • Arte generativo
  • Experiencias inmersivas con TouchDesigner
  • Visuales en tiempo real
  • Integración de medios digitales en espacios físicos

Diseño Web

  • Diseño UI para sitios web y aplicaciones
  • HTML, CSS y JavaScript
  • Prototipado interactivo
  • Sistemas de diseño
  • Optimización UX

UX Research

  • Investigación y análisis de usuarios
  • Arquitectura de información
  • User flows y customer journeys
  • Wireframes y prototipos
  • Pruebas de usabilidad

MIS PROYECTOS

Enredados

BosquEscuela

MITU

Neon Remains

Ecos del Movimiento

Jewerly

ENREDADOS

SITIO WEB INTERACTIVO
UI / UX


Plataforma web interactiva diseñada
para concientizar sobre los riesgos
digitales en Colombia.

PROBLEMA
El problema principal que abordamos fue la falta de espacios accesibles e interesantes donde las personas pudieran informarse y aprender sobre los peligros asociados al entorno digital, como robos de información y fraudes en línea. A pártir de esto, decidimos desarrollar una plataforma web interactiva y experimental, diseñada no solo para informar, sino también para atraer y mantener la atención del usuario. La intención era que las personas se sintieran cómodas explorando un tema que normalmente puede resultar complejo o intimidante.
PROCESO
El proyecto inició con una fase de investigación para entender al usuario y el contexto de los riesgos digitales en Colombia. A partir de estos hallazgos, se definió el enfoque del proyecto y se ideó una solución interactiva. Posteriormente, desarrollé la estructura del sitio mediante wireframes, prototipos y flujos de usuario, realizando pruebas para validar la experiencia. Finalmente, el desarrollo se llevó a cabo de forma paralela: mientras se producían los recursos visuales, yo me encargué de programar e integrar todo el contenido en la página web hasta su entrega final.
CONCEPTO
El proyecto se construyó a partir del concepto de la red: una metáfora del entorno digital que nos conecta a todos, pero donde también ocurren los riesgos. Las redes representan las conexiones digitales Los nodos representan a las personas Este concepto se integró tanto a nivel visual como funcional, dando lugar a un mapa interactivo donde los usuarios podían explorar distintos tipos de riesgos digitales y comprender cómo funcionan.
MI ROL
Mi rol en el proyecto fue integral en la parte digital: Diseño de la experiencia y la interfaz (UX/UI), Conceptualización visual del sitio, Creación de wireframes y prototipos, Diseño de flujos de usuario (user flow y user journey), Pruebas de usabilidad, Desarrollo completo de la página web,

BOSQUESCUELA

APLICACIÓN PARA ESCUELA
App Mobile / Diseño Interfaz / Programación


Aplicación diseñada para una ecoaldea y escuela alternativa,
creada a partir de investigación con usuarios reales y trabajo
colaborativo con la comunidad., El proyecto traduce la filosofía
y la identidad del espacio a una experiencia digital intuitiva,
permitiendo compartir actividades, aprendizajes y procesos de
la escuela dentro de una plataforma accesible y funcional.


Ver Investigación → Ver Prototipo →

MITU

VISUALES REACTIVOS EN TIEMPO REAL
Arte generativo /
Experiencias Interactivas


Visuales generativos en TouchDesigner que
reaccionan a la música en tiempo real.
Incluye interacción con cámara,
permitiendo que el cuerpo del espectador
transforme los visuales y la experiencia.

INPUT
El proyecto parte del sonido en tiempo real como base del sistema visual. Cada frecuencia es interpretada para generar movimiento, forma y energía digital.
REACCIÓN
Los visuales responden de manera inmediata al ritmo, intensidad y variaciones del audio, creando una composición en constante cambio.
CUERPO
La cámara convierte al espectador en parte del sistema. El movimiento corporal altera las formas visuales en tiempo real, generando interacción directa.
EXPERIENCIA
Pensado como instalación para festival: un entorno inmersivo donde sonido, cuerpo y visuales se mezclan en una misma experiencia reactiva.

NEON REMAINS

VIDEOJUEGO CYBERPUNK 3D
Videojuego / Diseño Interfaz / Programación


Proyecto de videojuego en 3D con estética Cyberpunk
desarrollado en Unity. Participé en la programación
dentro de Unity, realie en su totalidad el diseño de la
interfaz (UI) y la creación del user flow, construyendo
la experiencia de navegación y jugabilidad del proyecto.


Ver proyecto completo →

Ecos del
Movimiento

MOVIMIENTO CORPORAL TRADUCIDO EN VISUALES
Arte generativo / Experiencias Interactivas


Instalación interactivadonde el cuerpo humano
se convierte en el núcleo de la experiencia visual.
l Los movimientos y gestos del usuario son
detectados y transformados en partículas y
visuales generativos en tiempo real, creando
una conexión entre cuerpo, sonido y tecnología.

CONCEPTO
La experiencia explora el cuerpo como una fuente de movimiento, energía y expresión digital, transformando los gestos humanos en visuales generativos reactivos.
INTERACCIÓN
Kinect V2 detecta la presencia y el movimiento del usuario en tiempo real, permitiendo que cada gesto modifique el comportamiento visual de la instalación.
SISTEMA
El proyecto fue desarrollado en TouchDesigner mediante programación visual basada en nodos para controlar partículas, tracking corporal y visuales reactivos.
MI ROL
Conceptualización de la experiencia, diseño visual y desarrollo completo del sistema interactivo en TouchDesigner.

Jewerly

TIENDA DE JOYERÍA
Diseño UI / Interfaces


Tienda virtual de joyería diseñada y desarrollada como
una experiencia de compra elegante e interactiva.
El proyecto incluye el diseño y la programación
completa del sitio web, enfocándose en una interfaz
visual atractiva, moderna y fácil de navegar.


Ver proyecto completo →