Kwayga

Kwayga

Refonte UX/UI complète d'une plateforme B2B alimentaire

Refonte UX/UI complète d'une plateforme B2B alimentaire

{UX/UI Design}

{UX/UI Design}

{Web App}

{Web App}

{Branding}

{Branding}

DOMAINE

DOMAINE

Alimentaire

Alimentaire

ÉQUIPE

ÉQUIPE

Solo Designer

Solo Designer

TEMPS

TEMPS

2 mois

2 mois

OUTILS

OUTILS

Figma

Figma

PÉRIODE

PÉRIODE

Mar. – Mai 2025

Mar. – Mai 2025

Page du site web de Kwayga

CONTEXTE

Une plateforme B2B au coeur de l'industrie alimentaire

Une plateforme B2B au coeur de l'industrie alimentaire

Une plateforme B2B au coeur de l'industrie alimentaire

Kwayga est une startup irlandaise qui connecte acheteurs et fournisseurs dans le secteur alimentaire, simplification des échanges, optimisation des relations commerciales, suggestions de partenariats en temps réel. La plateforme s'adresse à des professionnels de l'industrie agroalimentaire partout en Europe.

J'ai rejoint l'équipe dans le cadre d'un stage linguistique pour prendre en charge la partie UX/UI de la plateforme, aux côtés d'une équipe technique déjà bien en place.

Web App et Landing page Kwayga avant

{Ancien design de landing page et webapp}

MISSION

Un seul designer, toute la plateforme

Un seul designer, toute la plateforme

Un seul designer, toute la plateforme

Ma mission était claire : apporter une expertise UX/UI pour améliorer une plateforme fonctionnelle mais qui manquait de cohérence visuelle et de fluidité dans ses parcours utilisateurs. Pas de refonte totale, une amélioration méthodique, écran par écran, en restant fidèle à la logique produit existante.

J'ai travaillé en étroite collaboration avec l'équipe, qui m'a transmis sa connaissance du produit, des utilisateurs et des priorités. Chaque décision de design s'est construite sur ce dialogue.

Screeshot de toutes les pages Figma du projet de Kwayga

{Premières esquisses logos}

{Figma de tout le projet}

Feedbacks

Comprendre avant de concevoir

Comprendre avant de concevoir

Comprendre avant de concevoir

Avant de toucher à quoi que ce soit, j'ai structuré un travail de collecte de feedbacks auprès de l'équipe sur l'app et sur le site. Ce document a été le point de départ de toutes mes décisions de design : ce qui fonctionne et qu'il ne faut pas casser, ce qui freine les utilisateurs, ce qui manque.

Ce qui a été identifié comme points forts : le messaging center, la connections page, la lisibilité du deal center pour les acheteurs, la navigation multi-équipes.

Ce qui a orienté mes priorités : l'incohérence du flow de sign up, la sidebar présente sur trop de pages sans utilité, les terminologies confuses côté fournisseur, le manque de hiérarchie visuelle sur les cartes du deal center.

Documents de feedbacks de Kwayga

{Documents feedbacks}

Maquettes

L'ensemble de la webapp, écran par écran

L'ensemble de la webapp, écran par écran

L'ensemble de la webapp, écran par écran

Le coeur du projet. Armé des feedbacks de l'équipe, j'ai redessiné l'intégralité des écrans de la plateforme sur Figma en m'appuyant sur l'existant pour l'améliorer, pas pour le remplacer.

Dashboard, messaging center, deal center, connections, requests, account settings, sign up, chaque section repensée avec une attention particulière à la hiérarchie visuelle, la cohérence des composants et la fluidité des parcours. Pour chaque écran : les états de base, hover, sélection et erreur. Desktop et mobile.

Le flow de sign up a fait l'objet d'un travail spécifique, c'était le parcours le plus fragmenté. Je l'ai redessiné en 4 étapes claires avec plusieurs variations proposées à l'équipe pour chaque écran.

Planche de quelques écrans de Kwayga

{Planche de quelques écrans de kwayga}

Branding

Une identité visuelle à la hauteur du produit

Une identité visuelle à la hauteur du produit

Une identité visuelle à la hauteur du produit

En parallèle du travail UX, j'ai proposé une direction de branding pour moderniser et professionnaliser l'image de Kwayga. L'objectif n'était pas de tout changer, les couleurs existantes avaient déjà une vraie cohérence mais de les formaliser dans un système utilisable partout : logo, palette, typographie, motifs graphiques.

Brand guidelines de Kwayga
Logotype de Kwayga
Typographie de Kwayga
Couleurs de Kwayga
Motif de Kwayga

{présentation du Branding de kwayga}

Résultat

Une expérience harmonisée, de la home au dernier formulaire

Une expérience harmonisée, de la home au dernier formulaire

Une expérience harmonisée, de la home au dernier formulaire

Au terme du stage, la plateforme disposait d'un ensemble de maquettes cohérentes couvrant la totalité des parcours utilisateurs desktop et mobile ainsi qu'une direction de branding formalisée et prête à être appliquée.

Un travail de fond qui a posé les bases d'une interface plus intuitive et plus professionnelle pour les deux types d'utilisateurs de Kwayga : acheteurs et fournisseurs.

On se fait un call ?

Alexis

Vous

On se fait un call ?

Alexis

Vous

On se fait un call ?

Alexis

Vous