#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

Useful links

PRESENTATION PPT Click here

FIGMA FILE COMPLETE

PRESENTATION PPT

FICHIER FIGMA

DESIGN SYSTEM

INTERACTIVE PROTOTYPE

Click here

Context

#Value-Proposition-Letterboxd

Letterboxd is a mobile app that describes itself as “a global social network dedicated to discussing and discovering movies.” This mobile app allows users to rate and share their opinions on movies they have seen, or simply keep track of them in a diary.

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

Useful links

Useful links

Useful links

Context

#Value-Proposition-Letterboxd

Letterboxd is a mobile app that describes itself as “a global social network dedicated to discussing and discovering movies.” This mobile app allows users to rate and share their opinions on movies they have seen, or simply keep track of them in a diary.

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!