Nicolas Ferney

Long & McQuade

Long & McQuade

Long & McQuade

Refonte de l'app e-commerce

Refonte de l'app e-commerce

Refonte de l'app e-commerce

A mockup of a Macbook on a sofa
A mockup of a Macbook on a sofa

Problème vs. résultat

Problème vs. résultat

Problème vs. résultat

Problème vs. résultat

Long & McQuade est une chaine de magasins de musique canadienne. Leur application est un container pour la version mobile de leur store en ligne. La note moyenne de l’application sur l’app store se situe aux alentours de 1.9 sur 5 (une soixantaine de notations données). Ceci constituait un bon point de départ pour l’identification de problèmes d’utilisabilité. J’ai pu proposer un redesign complet de l’application d’e-commerce, en partant de l’écran d’accueil, pour ensuite revoir les pages produits, le menu ainsi que des fonctionnalités pré-existantes comme le pickup in-store.

Long & McQuade est une chaine de magasins de musique canadienne. Leur application est un container pour la version mobile de leur store en ligne. La note moyenne de l’application sur l’app store se situe aux alentours de 1.9 sur 5 (une soixantaine de notations données). Ceci constituait un bon point de départ pour l’identification de problèmes d’utilisabilité. J’ai pu proposer un redesign complet de l’application d’e-commerce, en partant de l’écran d’accueil, pour ensuite revoir les pages produits, le menu ainsi que des fonctionnalités pré-existantes comme le pickup in-store.

Long & McQuade est une chaine de magasins de musique canadienne. Leur application est un container pour la version mobile de leur store en ligne. La note moyenne de l’application sur l’app store se situe aux alentours de 1.9 sur 5 (une soixantaine de notations données). Ceci constituait un bon point de départ pour l’identification de problèmes d’utilisabilité. J’ai pu proposer un redesign complet de l’application d’e-commerce, en partant de l’écran d’accueil, pour ensuite revoir les pages produits, le menu ainsi que des fonctionnalités pré-existantes comme le pickup in-store.

Long & McQuade est une chaine de magasins de musique canadienne. Leur application est un container pour la version mobile de leur store en ligne. La note moyenne de l’application sur l’app store se situe aux alentours de 1.9 sur 5 (une soixantaine de notations données). Ceci constituait un bon point de départ pour l’identification de problèmes d’utilisabilité. J’ai pu proposer un redesign complet de l’application d’e-commerce, en partant de l’écran d’accueil, pour ensuite revoir les pages produits, le menu ainsi que des fonctionnalités pré-existantes comme le pickup in-store.

Client

Client

Long & McQuade

Long & McQuade

Rôle

Rôle

Product Designer

Product Designer

Année

Année

2022

2022

Services

Services

App Design

App Design

-63%
-63%

Erreurs/tâches

Erreurs/tâches

+36%
+36%

leads générés

leads générés

Client

Long & McQuade

Rôle

Product Designer

Année

2022

Services

App Design

-63%

Erreurs/tâches

+36%

leads générés

Client

Client

Client

Long & McQuade

Long & McQuade

Long & McQuade

Rôle

Rôle

Rôle

Product Designer

Product Designer

Product Designer

Année

Année

Année

2022

2022

2022

Services

Services

Services

App Design

App Design

App Design

69%
69%
69%

Taux de succès

Taux de succès

Taux de succès

41 s
41 s
41 s

Temps moy. / tâche

Temps moy. / tâche

Temps moy. / tâche

ÉTAPE 1

ÉTAPE 1

ÉTAPE 1

ÉTAPE 1

Revue de la structure des pages

Revue de la structure des pages

Revue de la structure des pages

Revue de la structure des pages

Le principal problème identifié sur cette application était le manque de structure. Ma première tâche a été de concevoir une nouvelle mise en page plus adaptée à une approche e-commerce. Supprimer certains éléments inutilisés, ainsi que d'autres composants tels que les carrousels, puis hiérarchiser les éléments sur la page.

ÉTAPE 2

ÉTAPE 2

ÉTAPE 2

ÉTAPE 2

Wireframes du nouveau layout

Wireframes du nouveau layout

Wireframes du nouveau layout

Wireframes du nouveau layout

Après avoir effectué des recherches secondaires pour affiner les pages, le menu a été déplacé vers le bas de l'écran pour faciliter la navigation sur de grands écrans, tels que l'iPhone 15 Pro Max. Cette petite modification a considérablement amélioré la navigation et résolu quelques problèmes d’accessibilité.

ÉTAPE 3

ÉTAPE 3

ÉTAPE 3

ÉTAPE 3

Livraison des mockups haute fidélité

Livraison des mockups haute fidélité

Livraison des mockups haute fidélité

Livraison des mockups haute fidélité

Enfin, j'ai commencé à concevoir l'apparence finale de l'application. Une autre amélioration introduite au cours de cette phase était la version réduite de la page produit, qui permettrait une consommation de contenu de manière fluide.​​​​​​​

ÉTAPE 4

ÉTAPE 4

ÉTAPE 4

ÉTAPE 4