‍

Missions principales :
‍
En tant que Product Designer, j'ai travaillé avec l'équipe de design de Qwant (1 Lead UI, 1 Lead UX, 1 UX, 1 UX Researcher) pour :
‍
- Aider à maintenir et à faire évoluer leur design system, en améliorant la classification des composants.
‍
- Soutenir l'équipe sur les différents produits de Qwant (tels que Qwant Maps, Qwant Search, Qwant Junior, etc.).
‍
- Implémenter une nouvelle identité graphique.
‍
- Reconcevoir les applications iOS et Android.
‍
- Identifier les besoins des utilisateurs et les corréler avec les objectifs commerciaux.
‍
- Améliorer l'expérience utilisateur sur les fonctionnalités existantes.

‍

‍

Contexte

Qwant, un moteur de recherche européen engagé pour la confidentialité, étendait sa gamme de produits, incluant Qwant Maps, Qwant Search, et Qwant Junior. Pour soutenir cette croissance, l'équipe de design devait relever le défi de maintenir une expérience utilisateur cohérente sur diverses plateformes, tout en implémentant une nouvelle identité graphique. Le design system existant nécessitait des ajustements pour mieux répondre aux besoins évolutifs de ces produits et assurer une cohérence.

Mon rôle

En tant que Product Designer, j'ai été recruté pour collaborer avec l'équipe de design de Qwant, composée d'un Lead UI, d'un Lead UX et d'un UX Researcher. Mes principales responsabilités consistaient à aider à maintenir et à faire évoluer le design system de Qwant, à implémenter la nouvelle identité graphique sur tous les produits, à redessiner les applications iOS et Android, et à améliorer l'expérience utilisateur en fonction des besoins identifiés des utilisateurs et des objectifs commerciaux.

Processus

J'ai commencé par analyser en profondeur le design system existant pour identifier les axes d'amélioration, en particulier dans la classification des composants. J'ai travaillé en étroite collaboration avec l'équipe pour restructurer le système, le rendant plus intuitif et évolutif à mesure que les produits de Qwant se développaient.

Pour l'implémentation de l'identité graphique, j'ai collaboré avec le Lead UI pour m'assurer que le nouveau langage visuel soit appliqué de manière cohérente sur tous les produits de Qwant. Cela a impliqué la mise à jour des éléments visuels dans Qwant Maps, Qwant Search, et Qwant Junior, ainsi que la refonte des applications iOS et Android pour les aligner avec la nouvelle identité de marque.

Pour améliorer encore l'expérience utilisateur, j'ai mené des recherches utilisateur pour identifier les points de friction dans les fonctionnalités existantes. Nous avons utilisé des outils tels que le design thinking, des enquêtes, des tests, etc. J'ai utilisé ces informations pour guider les décisions de design, en veillant à ce que les mises à jour répondent non seulement aux objectifs commerciaux mais aussi à une meilleure utilisabilité.

Résultats

Le design system mis à jour a rationalisé le flux de travail des équipes de design et de développement, entraînant des mises à jour de produit plus rapides et plus cohérentes. La nouvelle identité graphique a été déployée avec succès sur tous les produits de Qwant, recevant des retours positifs pour son apparence moderne et cohérente. Les applications iOS et Android redesignées ont vu une amélioration de l'engagement des utilisateurs, avec une augmentation notable des retours positifs. Globalement, mes contributions ont aidé Qwant à offrir une expérience plus soignée et conviviale sur l'ensemble de sa gamme de produits.

‍

‍

‍

‍

Quelques captures d'écran :

‍

📍 Qwant Maps

J'ai eu l'occasion d'explorer les complexités des cartes et j'ai conçu diverses fonctionnalités pour l'équipe Maps, en collaboration avec l'UX designer et les développeurs.

‍

• Nous avions beaucoup d'informations sur les POI (points d'intérêts, comme les restaurants, les métros, les monuments...) en partenariat avec PagesJaunes ou TripAdvisor : horaires d'ouverture, notations, livraison à domicile....

‍

• Nous avons mis en place une réponse instantanée sur Qwant Search, lorsque vous cherchez des informations sur un POI, nous affichons une IA Maps avec toutes les informations la possibilité de réserver le restaurant / l'hôtel avec un formulaire

‍

‍

• J'ai également conçu chaque écran en thème sombre

‍

‍

‍

🛡 Qwant VIPrivacy

J'ai conçu l'ensemble du processus de navigation (de la page d'accueil à la fonctionnalité elle-même) de la nouvelle extension chrome et firefox : VIPrivacy, qui aide les utilisateurs à :

- bloquer les traceurs et les cookies
- identifier les traqueurs et leurs numéros

Ce projet était un énorme défi puisque Qwant était en train de revoir toute son identité visuelle. C'était le premier projet avec ce tout nouveau style. Beaucoup de réunions avec les développeurs et les designers plus tard... nous l'avons fait ! Vous pouvez voir le résultat ici, et essayer l'extension !

‍

Qwant VIPrivacy - About Qwant

Qwant VIPrivacy landing page

‍

🎨  Qwant’s Rebranding : Memphis style

‍

La nouvelle identité de la marque Qwant a été révélée en juin 2022, mais nous y travaillions depuis... 2021 ! Un énorme défi pour l'entreprise, et surtout pour l'équipe de design, car nous devions plaire à tout le monde dans l'entreprise mais aussi et surtout à nos utilisateurs 🙈.

Le design system ainsi que tous nos écrans ont donc été redesignés. Un travail colossal !

Découvrez le nouveau style Memphis de Qwant :

Qwant

‍

‍

🔍 Qwant Search : IA (Instant Answer)

‍

• IA jeux olympiques : L'équipe a eu l'idée d'ajouter une réponse instantanée pour afficher les résultats de chaque pays et la possibilité de le faire pour les athlètes, en partenariat avec Olympics.com. Comme d'habitude, j'ai conçu tous les écrans, du desktop (mainline et sidebar) à la tablette et au mobile en passant par le thème sombre. Nous sommes très fiers de l'IA car c'est un succès !

‍

‍

• IA Flight : un autre grand projet de cette année a été le lancement d'une IA Flight. Nous avons ajouté un module qui donne à l'utilisateur la possibilité de chercher des vols directement depuis la barre latérale de la page de recherche.

‍

🛠 Design system

J'ai eu un peu de temps en dehors du processus de conception des différents produits pour réfléchir au design system de Qwant.

L'équipe voulait améliorer la classification des composants, parce que le design system de Qwant grandissait rapidement et que nous avions de plus en plus de difficultés à l'utiliser correctement.

‍

• Tout d'abord, j'ai fait quelques recherches sur ce sujet, et j'ai découvert que les entreprises utilisent différentes stratégies pour organiser leur design system. J'ai donc rassemblé toutes ces informations et je les ai résumées dans un figjam.
  

‍

‍

• Ensuite, j'ai comparé le design system des designers avec le storybook des développeurs, j'ai analysé où étaient les différences dans nos approches et ce qui pouvait être des frictions ou des bonnes choses à garder.

‍

‍

• Enfin, j'ai organisé un appel entre l'équipe de conception et l'équipe de développement, pour leur montrer mes recherches et parler de la façon dont nous construisons et utilisons nos différents supports. A la fin de l'appel nous avons choisi une façon d'organiser nos composants qui pourrait plaire à tout le monde. Nous avons ensuite réorganisé notre design system/storybook, et depuis lors, c'est un succès pour les deux équipes !

‍

‍

Et bien plus encore ...

En un an et demi, nous avons travaillé sur différents projets avec l'équipe : application IOS, application Android, nouvelles IA ou explorations sur le design de nouvelles fonctionnalités. Je ne pourrais pas tout écrire ici mais cela a été une mission énorme dans ma carrière et je suis reconnaissante pour tout ce que j'ai appris avec eux.

‍

‍

‍

Merci de votre attention,

‍

‍

Mon profil Malt

Mon profil Linkedin

Email : fassey.flora@gmail.com

‍

‍