LB Carrosserie

Type de projet : Design UX UI, Intégration
Industrie : Automobile
Rôle : Designer UX / UI, intégration
Durée : 7 jours

Aperçu du projet

Luigi Baglivo étant passionné par les objets vintages, il déniche de superbes pièces, les restaure et les met en avant dans sa carrosserie. Son goût prononcé pour les belles choses fait sans aucun doute de la Carrosserie LB, la plus originale et la plus moderne de la région.

LB Carrosserie a trouvé la combinaison secrète pour allier savoir-faire et technologie tout en étant la seule carrosserie indépendante de la région.

Il décide de donner de la visibilité à son savoir-faire et demande à KM Design de lui faire un site et qui fait appel à moi pour le service.

Mon processus de design

Objectif du projet

Construire un site web vitrine responsive et moderne qui saurait mettre en avant le savoir-faire de LB carrosserie. Une forte présence en ligne augmentera également la notoriété de la marque et fera croître l’entreprise.

Déterminer les objectifs et les questions de la recherche

Objectifs de l'entretien :

  1. Je veux comprendre les défis auxquels les personnes qui veulent contacter un expert en carrosserie font.
  1. Je veux comprendre les motivations d’un utilisateur à remplir un formulaire de contact.
  1. Je souhaite identifier les frustrations que les personnes éprouvent lorsqu’ils parcourent un site web de restauration de carrosserie.

Questions d'entretien :

  1. Quels facteurs influencent la décision d’un client de contacter un expert en carrosserie ?
  1. Y a-t-il des détails ou des spécifications à connaître avant de vous lancer sans la rechercher d’une entreprise de restauration de carrosserie ?
  1. Quels sont les défis auxquels vous êtes confronté(e) dans le processus de recherche et de contact d’une telle entreprise ? Comment vous sentez-vous face à ces difficultés ?

Déterminer les objectifs et les questions de la recherche

Les personas sont créées en menant des recherches sur les utilisateurs et en identifiant les points de douleur communs, qui sont des problèmes UX qui frustrent et empêchent l’utilisateur d’obtenir ce dont il a besoin d’un produit.

L’énoncé de problème

L’énoncé du problème fournit une description claire du besoin de l’utilisateur auquel il faut répondre.

LB Carrosserie est une entreprise qui a besoin de mettre auprès de ces potentiels clients une expérience facile et intuitif pour naviguer à travers un site internet et trouver les services spécifiques d’un expert pour leurs véhicules.

L’énoncé de l’objectif

Le site web LB Carrosserie permettra aux utilisateurs de consulter rapidement les services et les informations sur l’entreprise. Ce qui affectera la navigation des utilisateurs et leur donner envie de remplir le formulaire de contact pour une prise de rendez-vous. Nous mesurerons l’efficacité du site web par le nombre de visites et le nombre d’envois du formulaire de contact.

Réalisation d'un audit concurrentiel

Dans le cadre d’un audit concurrentiel, nous allons effectuer des recherches sur les concurrents pour en savoir plus sur la manière dont ils conçoivent des produits similaires ou répondent aux besoins d’utilisateurs similaires. Dans l’idéal, nous identifierons des éléments de conception efficaces à reproduire dans notre produit, ainsi que des problèmes de conception et des pièges à éviter.

Concevoir l'architecture de l'information

Créez des maquettes fonctionnelles sur papier

Maintenant que nous avons mis nos idées sur papier avec des maquettes fonctionnelles et des prototypes papier, nous sommes prêts à créer un prototype numérique dans Figma ! Le prototypage numérique va faciliter le partage, l’édition et la collaboration sur notre conception, et nous aide à nous rapprocher de la visualisation de votre produit final.

Avant de débuter la création du prototype dans Figma, nous allons nous demander comment les utilisateurs pourraient interagir avec notre produit. Voici quelques questions que nous nous sommes posées :

  • Quels sont les parcours utilisateurs courants dans votre produit ?
  • Avec quels boutons les utilisateurs vont-ils interagir ? Dans quel ordre effectueront-ils ces actions ?
  • Que s’attendront les utilisateurs à voir se produire après avoir cliqué sur un bouton ou soumis un formulaire ?

 

Ces questions avant de débuter le prototypage nous aidera à concevoir des types d’interactions utilisateurs divers et variés. Nous allons utiliser nos maquettes fonctionnelles et notre prototype papier, pour construire un prototype numérique dans Figma.

 

Nous avons tout d’abord créé toutes les maquettes fonctionnelles numériques nécessaires à l’application. Ensuite utilisé des nœuds de connexion pour indiquer le point de départ d’une connexion et l’écran auquel elle doit conduire l’utilisateur.

Dans ce prototype basse fidélité, l’utilisateur peut rechercher des livres qui correspondent à ses besoins, puis commander en ligne de n’importe où et à n’importe quel moment. Les utilisateurs peuvent accomplir une tâche ou un parcours utilisateur, avancer et reculer, et naviguer à l’aide des repères fournis. Ce prototype teste le principal flux utilisateur qui consiste à rechercher et commander un livre qui convient aux besoins de l’utilisateur, et à terminer la commande en achetant le livre.

Prototype Haute Fidélité

Un prototype est un outil de visualisation d’une variété de travaux de conception interactifs. Cette représentation visuelle démontre :

  • Les actions que le produit est en train de faire à un moment donné
  • Les éléments interactifs
  • La façon dont le produit fonctionnera lorsqu’il sera en ligne

Mockup