#Personal - Case Study

UX/UI Design

Case Study - Letterboxd

I was frustrated with the Letterboxd user experience. So I decided to work on the most significant point of friction (in my opinion) and turn it into a case study.

Let's take a look at how to reinforce the user's sense of accomplishment when a movie is added to their diary.

Content

UX analysis and user journey diagnosis
UX Research (persona & benchmark)
Complete design system
Interactive prototype
Explanations of the design process

Content

The work was spread over two days as follows:

UX (design & research): 3 hours
Complete design system: 5.5 hours
Interactive prototype: 2.5 hours
Presentation materials: 1.5 hours

Challenges & Enseignements

CHALLENGES

S'aligner sur une ligne directrice (design & langage) pour créer un produit cohérent.

ENSEIGNEMENTS

Penser et designer les tendances futures, importance de la créativité.
Importance d'une communication claire et efficace.
Vendre une vision en la liant aux besoins utilisateurs et objectifs business.

CHALLENGES

S'aligner sur une ligne directrice (design & langage) pour créer un produit cohérent.

ENSEIGNEMENTS

Penser et designer les tendances futures, importance de la créativité.
Importance d'une communication claire et efficace.
Vendre une vision en la liant aux besoins utilisateurs et objectifs business.

DESIGN SYSTEM

Click here

INTERACTIVE PROTOTYPE

Click here

Context

#quel-est-notre-avantage-compétitif?

Auparavant une application de tracking, nous avons décidé de transformer l'app en un compagnon fitness digital.

Pour atteindre cet objectif ambitieux, nous avons choisi de gamifier l'app (pour susciter enthousiasme et fidélisation). Nous souhaitons créer des aventures passionnantes avec des défis, des récompenses et une dimension sociale qui rendent chaque clic amusant et engageant. Nous en avons également profité de cette opportunité pour fournir des conseils (et fidéliser) adaptés aux besoins et objectifs personnels de nos utilisateurs.

Existant customer journey

#Letterboxd-actual-state

In summary:

- Entry points are too discreet

- Screens are difficult to understand for non-movie afficionados

- The brand image could benefit from more exposure and affirmation

En résumé:

- Des entry points trop discrets

- Des écrans compliqués à comprendre pour les non-cinéphiles

- Une image de marque qui gagnerait à être poussée

Interactive Prototype

#my-vision-for-Letterboxd

In summary:

- Two intuitive entry points matching users' mental models

- Simplified screens and better hierarchy of information

- Application of UX principles (Peak-End Rule, Von Restorff Effect, Hick's law, etc.)

- Strengthened brand image and refined UX writing

En résumé:

- Deux entry points intuitifs et correspondant aux modèles mentaux des utilisateurs

- Des écrans simplifiés et une hiérarchie retravaillée

- Application des lois UX (Peak-End Rule, Von Restorff Effect, Hick's law, …)

- Une image de marque renforcée et un UX writing peaufiné

NB:
There is a behavior issue in the “Dropdown” component of my prototype. I don't understand where this issue is coming from. Any feedback and/or help is welcome!

En résumé:

- Deux entry points intuitifs et correspondant aux modèles mentaux des utilisateurs

- Des écrans simplifiés et une hiérarchie retravaillée

- Application des lois UX (Peak-End Rule, Von Restorff Effect, Hick's law, …)

- Une image de marque renforcée et un UX writing peaufiné

Explore other projects

Professional - freelance

Website

UX/UI design

Professional

Shoe tracking

UX/UI design

#Personal - Case Study

#Personal - Case Study

#Personal - Case Study

UX/UI Design

UX/UI Design

Case Study - Letterboxd

Case Study - Letterboxd

Case Study - Letterboxd

Content

Content

Content

Content

Content

Content

Challenges & Enseignements

Challenges & Enseignements

Challenges & Enseignements

Context

#quel-est-notre-avantage-compétitif?

Existant customer journey

Existant customer journey

#Letterboxd-actual-state

In summary:

- Entry points are too discreet

- Screens are difficult to understand for non-movie afficionados

- The brand image could benefit from more exposure and affirmation

En résumé:- Des entry points trop discrets- Des écrans compliqués à comprendre pour les non-cinéphiles- Une image de marque qui gagnerait à être poussée

En résumé:- Des entry points trop discrets- Des écrans compliqués à comprendre pour les non-cinéphiles- Une image de marque qui gagnerait à être poussée

Interactive Prototype

Interactive Prototype

#my-vision-for-Letterboxd

In summary:

- Two intuitive entry points matching users' mental models

- Simplified screens and better hierarchy of information

- Application of UX principles (Peak-End Rule, Von Restorff Effect, Hick's law, etc.)

- Strengthened brand image and refined UX writing

En résumé:- Deux entry points intuitifs et correspondant aux modèles mentaux des utilisateurs- Des écrans simplifiés et une hiérarchie retravaillée- Application des lois UX (Peak-End Rule, Von Restorff Effect, Hick's law, …)- Une image de marque renforcée et un UX writing peaufiné

En résumé:- Deux entry points intuitifs et correspondant aux modèles mentaux des utilisateurs- Des écrans simplifiés et une hiérarchie retravaillée- Application des lois UX (Peak-End Rule, Von Restorff Effect, Hick's law, …)- Une image de marque renforcée et un UX writing peaufiné

NB:There is a behavior issue in the “Dropdown” component of my prototype. I don't understand where this issue is coming from. Any feedback and/or help is welcome!

En résumé:- Deux entry points intuitifs et correspondant aux modèles mentaux des utilisateurs- Des écrans simplifiés et une hiérarchie retravaillée- Application des lois UX (Peak-End Rule, Von Restorff Effect, Hick's law, …)- Une image de marque renforcée et un UX writing peaufiné

En résumé:- Deux entry points intuitifs et correspondant aux modèles mentaux des utilisateurs- Des écrans simplifiés et une hiérarchie retravaillée- Application des lois UX (Peak-End Rule, Von Restorff Effect, Hick's law, …)- Une image de marque renforcée et un UX writing peaufiné

Explore other projects

Explore other projects

En résumé:

- Des entry points trop discrets

- Des écrans compliqués à comprendre pour les non-cinéphiles

- Une image de marque qui gagnerait à être poussée

En résumé:

- Des entry points trop discrets

- Des écrans compliqués à comprendre pour les non-cinéphiles

- Une image de marque qui gagnerait à être poussée

NB:
There is a behavior issue in the “Dropdown” component of my prototype. I don't understand where this issue is coming from. Any feedback and/or help is welcome!