Moodflicks
Un recomanador de pel·lícules que parteix de com et sents, on ets i quant temps tens de debò.
- Dissenyadora UX/UI
- Febrer de 2024
- Màster en Disseny d’Experiències Digitals, BAU
- Acadèmic
- Figma · FigJam · Photoshop · Illustrator

Triar una pel·lícula no hauria de durar més que veure-la.
Les plataformes de streaming recomanen per gènere o popularitat — no per com et sents ni per la situació en què et trobes. Així que la gent fa scroll, sobretot quan està cansada, té poc temps o és en un lloc que no coneix. Hi havia espai per a una manera més emocional i adaptable de descobrir pel·lícules.

Dues persones, massa poc temps.
La Claudia, 35 anys, professional tecnològica amb jornades llargues que vol alguna cosa que encaixi amb el seu estat d’ànim sense esforç. L’Alejandro, 38, consultor sempre de viatge, per a qui les pel·lícules són companyia quan es desplaça. El seu recorregut — des que senten parlar de l’app fins que valoren una pel·lícula — va mostrar on es perd la gent: registres llargs, massa opcions, recomanacions que no semblen personals.


Primer l’estat d’ànim. Després el lloc. Després el temps.
Tres funcions donen forma a cada recomanació: un selector interactiu d’estat d’ànim; suggeriments segons on ets; i CineCrono, que filtra pel·lícules pel temps que tens. Vaig liderar la integració de les funcions d’ubicació i de temps de visionat, i vaig dibuixar els fluxos que les connecten.

Vermell de cinema, ivori càlid.
Vermell per a l’energia i les crides a l’acció, un fons ivori càlid per a la suavitat i la llegibilitat; Antique Olive per al caràcter i TT Norms Pro per a la claredat. Els wireframes de fidelitat mitjana es van convertir en un prototip interactiu a Figma que cobreix tot el recorregut, de l’estat d’ànim a la tria final.


Un disseny que escolta el moment.
MoodFlicks converteix el «què miro?» en una pregunta sobre tu — el teu estat d’ànim, el teu lloc, el teu temps. El projecte em va ensenyar com de personal pot semblar una recomanació quan la interfície fa primer la pregunta adequada.
- 3
- 2
- 1