Nicolas Ferney

Audi

Audi

Audi

Une nouvelle version du site français du célèbre constructeur automobile

Une nouvelle version du site français du célèbre constructeur automobile

Une nouvelle version du site français du célèbre constructeur automobile

A mockup of an iPhone placed on a chair's back
A mockup of an iPhone placed on a chair's back

Problème vs. résultat

Problème vs. résultat

Problème vs. résultat

Problème vs. résultat

Pour le constructeur basé à Ingolstadt, il était grand temps de changer son site français. non-responsive et basé sur une technologie désuète (Flash)​​​​​​​ J’avais 3 mois pour effectuer mes recherches, solutionner un back log d’erreurs critiques et livrer les maquettes à l’équipe de développement. Au vu des premiers tests utilisateurs, effectués immédiatement après le prototype basse definition, le taux d’erreur a été grandement impacté à la baisse par le redesign. D’un point de vue business, les leads générés ont fait un bond de 36%.

Pour le constructeur basé à Ingolstadt, il était grand temps de changer son site français. non-responsive et basé sur une technologie désuète (Flash)​​​​​​​ J’avais 3 mois pour effectuer mes recherches, solutionner un back log d’erreurs critiques et livrer les maquettes à l’équipe de développement. Au vu des premiers tests utilisateurs, effectués immédiatement après le prototype basse definition, le taux d’erreur a été grandement impacté à la baisse par le redesign. D’un point de vue business, les leads générés ont fait un bond de 36%.

Pour le constructeur basé à Ingolstadt, il était grand temps de changer son site français. non-responsive et basé sur une technologie désuète (Flash)​​​​​​​ J’avais 3 mois pour effectuer mes recherches, solutionner un back log d’erreurs critiques et livrer les maquettes à l’équipe de développement. Au vu des premiers tests utilisateurs, effectués immédiatement après le prototype basse definition, le taux d’erreur a été grandement impacté à la baisse par le redesign. D’un point de vue business, les leads générés ont fait un bond de 36%.

Pour le constructeur basé à Ingolstadt, il était grand temps de changer son site français. non-responsive et basé sur une technologie désuète (Flash)​​​​​​​ J’avais 3 mois pour effectuer mes recherches, solutionner un back log d’erreurs critiques et livrer les maquettes à l’équipe de développement. Au vu des premiers tests utilisateurs, effectués immédiatement après le prototype basse definition, le taux d’erreur a été grandement impacté à la baisse par le redesign. D’un point de vue business, les leads générés ont fait un bond de 36%.

Client

Client

Audi

Audi

Rôle

Rôle

UX | UI Designer

UX | UI Designer

Année

Année

2018

2018

Services

Services

UX/UI Design

UX/UI Design

-63%
-63%

Erreurs/tâches

Erreurs/tâches

+36%
+36%

leads générés

leads générés

Client

Audi

Rôle

UX | UI Designer

Année

2018

Services

UX/UI Design

-63%

Erreurs/tâches

+36%

leads générés

Client

Client

Client

Audi

Audi

Audi

Rôle

Rôle

Rôle

UX | UI Designer

UX | UI Designer

UX | UI Designer

Année

Année

Année

2018

2018

2018

Services

Services

Services

UX/UI Design

UX/UI Design

UX/UI Design

-63%
-63%
-63%

Taux d'erreurs

Taux d'erreurs

Taux d'erreurs

+36%
+36%
+36%

leads générés

leads générés

leads générés

ÉTAPE 1

ÉTAPE 1

ÉTAPE 1

ÉTAPE 1

Cartes d'empathie

Cartes d'empathie

Cartes d'empathie

Cartes d'empathie

Au bout d'environ quatre semaines de recherche utilisateur, nous avons réussi à définir trois personas principaux en nous basant sur les entretiens et nos observations. Nous disposions de suffisamment de données pour élaborer des cartes d'empathie avant de synthétiser les problèmes de navigation après une première série de tests utilisateur sur le produit existant.

ÉTAPE 2

ÉTAPE 2

ÉTAPE 2

ÉTAPE 2

Cartographier l'expérience utilisateur

Cartographier l'expérience utilisateur

Cartographier l'expérience utilisateur

Cartographier l'expérience utilisateur

Nos utilisateurs ont rencontré de nombreuses difficultés en raison du temps de chargement et de l'absence d'architecture de l'information. L'expérience globale était douloureuse, et le taux d'abandon était extrêmement élevé.

ÉTAPE 3

ÉTAPE 3

ÉTAPE 3

ÉTAPE 3

Création de wireframes

Création de wireframes

Création de wireframes

Création de wireframes

Il était temps de générer des idées à travers des ateliers et des phases de conception. J'ai créé des maquettes basse fidélité et généré un prototype avec InVision. Les utilisateurs ont réagi positivement à la nouvelle architecture et se sont sentis plus à l'aise avec une interface simplifiée.

ÉTAPE 4

ÉTAPE 4

ÉTAPE 4

ÉTAPE 4

Maquettes haute fidélité

Maquettes haute fidélité

Maquettes haute fidélité

Maquettes haute fidélité

En utilisant la charte graphique d'Audi, j'ai conçu mes compositions en m'inspirant largement du travail effectué sur les brochures. La plupart des conceptions ont été entièrement testées sur desktop, iPad et iPhone avant d'être mises en ligne.