(esto no es un portafolio)

Juan Miguel Herrera

(esto no es un portafolio)

‹ Todos los proyectos

Proyecto 03 de 07

UX/UI Design

Lumiere

Un espacio digital para conectar, compartir y crear alrededor de una misma pasión: el cine.

Si tienes un minuto,

mira el resultado

Si tienes cinco minutos,

recorre el proceso

Rol

Diseño de UX

Año

2025

Disciplina

Diseño digital / UI–UX

Formato

App móvil

01 / 07

02 El reto

Después de un día pesado, ¿qué película te ayuda a soltar todo?

Elegir qué ver suele tomar más tiempo que la película. Lumiere filtra las historias según tu estado de ánimo, pensando en personas apasionadas por el séptimo arte.

02 / 07

03 Enfoque

La idea que lo sostiene.

Escoger películas no tiene por qué ser difícil.

A quién le hablaba

Amantes del cine que buscan recomendaciones curadas.

Qué descubrí

Recomendar no es solo una lista, es una plataforma.

Qué decidí

Diseñar Lumiere como una app que recomienda según el estado de ánimo y deja conversar sobre cine.

03 / 07

04 Proceso

Cómo llegué ahí.

Paso a paso. Cada etapa dejó algo que la siguiente necesitaba.

Concepto

Escribimos el manifiesto: el cine como un lenguaje universal y Lumiere como una comunidad donde cada mirada cuenta. De ahí salió el objetivo de conectar a cada persona con su estado de ánimo y con las películas que mejor lo acompañan.

Concepto

Concepto

Identidad

Diseñamos una luna con una cinta de película, el lema "Ponte cómodo y escoge tu función", una paleta morada (#120423, #9e6ef7, #5d318a) con Lato y Outfit, y un color e ícono para cada emoción.

Identidad

Diseñamos una luna con una cinta de película, el lema "Ponte cómodo y escoge tu función", una paleta morada (#120423, #9e6ef7, #5d318a) con Lato y Outfit, y un color e ícono para cada emoción.

Identidad

Diseñamos una luna con una cinta de película, el lema "Ponte cómodo y escoge tu función", una paleta morada (#120423, #9e6ef7, #5d318a) con Lato y Outfit, y un color e ícono para cada emoción.

Wireframe

Armamos en Figma el flujo de entrada a la app, desde el inicio de sesión con correo, Facebook o Google hasta la creación de cuenta.

Wireframe

Armamos en Figma el flujo de entrada a la app, desde el inicio de sesión con correo, Facebook o Google hasta la creación de cuenta.

Wireframe

Armamos en Figma el flujo de entrada a la app, desde el inicio de sesión con correo, Facebook o Google hasta la creación de cuenta.

Interfaz

Llevamos la identidad a las pantallas finales: inicio de sesión, un inicio con recomendaciones según tu estado de ánimo y un chat para hablar de cine con otros usuarios.

Interfaz

Llevamos la identidad a las pantallas finales: inicio de sesión, un inicio con recomendaciones según tu estado de ánimo y un chat para hablar de cine con otros usuarios.

Interfaz

Llevamos la identidad a las pantallas finales: inicio de sesión, un inicio con recomendaciones según tu estado de ánimo y un chat para hablar de cine con otros usuarios.

Esto fue lo que salió.

04 / 07

05 Solución

Recomendaciones según cómo te sientes, no según el género.

Una app móvil que funciona como la red social del cine. Recomienda películas según cómo te sientes y el tiempo que tienes, y te deja compartir reseñas y conversar con otros cinéfilos.