Sélectionnez la page

Conception UX et études de cas

Cette page comprend deux projets UX, des recherches d'utilisateurs jusqu'aux maquettes hi-fi.
Projet PadocaProjet de fleuriste NYC

Bienvenue sur ma page UX Design. Ici, je vais vous montrer quelques projets développés. La première est une application pour Padoue, un restaurant brésilien à Montréal. Suite à ce cas, vous trouverez le Fleuriste NYC project, une conception de site Web responsive développée pour ce magasin de fleurs à New York.

Le projet d'application de Padoca

Client

  • Pâtisserie Padoca Montréal

Services

  • UX pour l'application

Livrables

  • Maquettes basse fidélité
  • 1er tour de recherche d'utilisateurs
  • Ajustements et prototype haute fidélité
  • Guide de style

Confronté à de mauvais services de livraison avec des partenaires tiers, le Padoue'Les propriétaires ont décidé qu'ils commenceraient à livrer eux-mêmes leurs produits.

Avec une toute nouvelle application, ils pouvaient contrôler la livraison et d'autres options, en plus de disposer de données importantes sur les préférences de leurs clients.

L'application les aiderait à offrir de meilleures options de livraison et à améliorer le développement de produits pour leur entreprise.

À propos des concurrents

Montréal compte quelque 6 autres concurrents sur Padoue, mais personne n'a d'application exclusive. Ils utilisent principalement le téléphone pour obtenir des commandes sur des services tiers comme Foodora ou Uber Eats. Ou vous pouvez commander leur envoyer un e-mail. 

Aucun d'entre eux ne propose de commandes en ligne via son propre site Web. 

Qui sont les clients de Padoca ? Créer des personas pour une meilleure compréhension.

Après avoir mené des recherches sur les clients de Padoca, je crée 2 personas, à partir de caractéristiques qui se sont démarquées des formulaires collectés. La méthode de recherche utilisée ici était un formulaire de 10 questions créé sur Google Forms. Il a été envoyé directement aux clients qui ont accepté d'y répondre sur leur temps libre.

parcours utilisateurs et premières maquettes

Avec les 2 personnages en tête, il était temps de comprendre comment les gens utiliseraient l'application au cours d'une journée ordinaire. Il fallait considérer la parcours des utilisateurs afin de construire quelque chose, il était facile et rapide à utiliser lors d'une journée chargée. Lors de la recherche, les clients souhaitent voir deux fonctionnalités (présentées sur les personas) : réservation de table et commande en ligne.

J'ai d'abord créé des exemples de trajets d'utilisateurs pour imaginer comment Philippe utiliserait l'application lors d'une journée chargée après le travail, alors qu'il était dans le métro ou le bus pour rentrer chez lui.

Pour lire un parcours utilisateur plus détaillé basé sur le personnage de Philippe, veuillez cliquer sur ici.

Après une compréhension claire de la parcours de l'utilisateur, était plus facile à penser et à développer des écrans de maquette. J'ai conçu essentiellement deux séries de suggestions à soumettre à l'approbation des clients. J'ai dû réfléchir à la manière d'intégrer les besoins des consommateurs dans un design attrayant.

Maquettes

de Padoue les propriétaires avaient une idée précise du chemin à suivre sur cette application. Compte tenu de tous les aspects de la recherche utilisateur, il était temps de concevoir les premiers wireframes sur Figma. J'ai pensé qu'il était important de faire une autre recherche pour valider les wireframes. Cela montrerait aussi si j'étais toujours sur la bonne voie. 

Le concept original avec 3 colonnes…

… a été modifié après une recherche utilisateur.

Idem pour l'écran de révision….

… où la possibilité de changer de commande a été ajoutée.

Regardez les tests vidéo lo-fi :

PROTOTYPE HAUTE FIDÉLITÉ ET TESTS FINAUX

Avec les 5 tests en tête, le prototype hi-fi a été créé. J'ai fait faire des tests après aussi, pour valider certaines modifications apportées. Je partagerai les screens réalisés mais vous pouvez tester le prototype fonctionnel complet en cliquant ici.

Projet de site Web réactif pour fleuriste NYC

Fleuriste NYC est un petit fleuriste situé à New York, aux États-Unis. Ils avaient besoin d'un site Web réactif pour montrer et vendre en ligne. Comme il s'agit d'un marché encombré, le défi ici était d'intégrer certaines fonctionnalités et services que les utilisateurs aiment mais ne peuvent pas trouver sur les sites Web d'autres petits fleuristes.

Client

  • Fleuriste NYC Inc.

Services

  • UX pour un site Web réactif

Livrables

  • la recherche de l'utilisateur
  • Maquettes basse fidélité
  • Ajustements et prototype haute fidélité

Clients de Florist NYC Inc. : créer des personas pour une meilleure compréhension.

J'ai mené des recherches en ligne pour obtenir des clients de fleuristes dans la région de New York (vous pouvez voir la recherche et les résultats ici). Il était important d'avoir des gens qui achètent des fleurs en ligne, mais aussi des gens qui ont l'intention d'acheter mais qui ne font pas confiance à 100% à ce genre de service. Le but ici était de comprendre quelles fonctionnalités les gens aimeraient avoir pour acheter des fleurs en ligne. Et surtout quelque chose qui pourrait faire Fleuriste Inc.Le site de se démarque de la concurrence.

quelques idées de maquettes basées sur les premières recherches des utilisateurs

Avant de réaliser les premiers wireframes en Adobe XD, j'ai esquissé quelques idées sur papier pour obtenir des visuels rapides sur les problèmes à résoudre. Comme les utilisateurs veulent choisir et acheter rapidement, un design clair avec différentes formes pour les images était la voie à suivre. Visuellement, était plus efficace pour naviguer d'une section à l'autre. Mon hypothèse a été validée par quelques recherches pour le test du prototype.

Pour les premières maquettes, je développe de petites sections où les photos seraient placées pour rendre le processus d'achat facile et rapide. Comme les gens veulent parfois acheter à la dernière minute, il est important de leur faire d'excellentes suggestions sur la page d'accueil ou de leur présenter un moyen simple de choisir. Les utilisateurs ont identifié qu'un lien vers les médias sociaux serait formidable pour avoir de l'inspiration et des idées.

PROTOTYPE HAUTE FIDÉLITÉ ET TESTS FINAUX

Dans les galeries suivantes, vous pouvez retrouver les prototypes hi-fi du site responsive. En haut, j'ai ajouté les maquettes pour la version de bureau. En bas, les maquettes de la version smartphone ont été ajoutées. Pour ces mockups, j'ai gardé les points qui se sont démarqués lors de la recherche : Fleuriste NYC clients des réseaux sociaux et suggestions d'achat rapide.

Merci de l'intérêt que vous portez à mon travail!

Je suis disponible à la location ou à la pige
Portfolio de conception de sites WebÉcrivez nous