SITE WEB DÉJEUNER LIVRÉ

UX/UI DESIGN

Ce projet porte sur la refonte UX/UI du site e-commerce BtoB de Déjeuner Livré, traiteur spécialisé dans les plateaux repas premium pour les entreprises. Bien que le site dispose d’un module de commande, son interface vieillissante et non responsive rend l’usage mobile peu efficace. Or, la commande en mobilité est un enjeu clé pour les commanditaires.

Le projet vise à améliorer l’ergonomie globale, l’expérience mobile et l’efficacité des parcours de commande, tout en intégrant des fonctionnalités favorisant la récurrence et la rapidité des achats, dans le respect de l’identité premium et saisonnière de la marque.

OBJECTIF DU PROJET
Optimiser l’expérience utilisateur du site Déjeuner Livré pour faciliter la commande, notamment sur mobile, réduire les frictions lors des commandes récurrentes et améliorer la performance business grâce à des parcours plus rapides, accessibles et orientés fidélisation.

Rôle & responsabilités :
Responsable du projet UX/UI de A à Z : prise en charge de l’ensemble de la démarche, de l’analyse des besoins utilisateurs, utilisatrices et business jusqu’à la conception des parcours, des interfaces et des livrables UX/UI, dans une logique de conception centrée utilisateur et orientée performance.

Photo : Corinne Jamet

CONTEXTE DU PROJET ET POSTURE PROFESSIONNELLE

Présentation de Déjeuner Livré, filiale du groupe Raynier Marchetti, et de son offre BtoB.

Contexte digital :
• Site e-commerce existant
• Interface vieillissante et non responsive
• Expérience mobile fortement dégradée

Problématique centrale :
• La commande mobile est complexe, alors qu’elle est critique pour les assistantes de direction (commandes de dernière minute, mobilité)

Enjeux stratégiques :
• Fluidifier la commande mobile
• Accélérer les commandes récurrentes
• Améliorer la fidélisation (favoris, commandes passées)

Rôle et responsabilités de l’UX/UI Designer :
• Audit, recherche utilisateur, conception UX/UI, tests, collaboration

Objectif : poser le cadre, la problématique réelle et la légitimité professionnelle de l’UX/UI designer.

AUDIT DE L’EXISTANT ET ANALYSE INITIALE
OBJECTIFS ET MÉTHODOLOGIE DE L’AUDIT

Objectifs de l’audit UX/UI :
• Évaluer l’utilisabilité du site existant
• Identifier les freins à la commande, notamment sur mobile

Portée de l’audit :
• Parcours de commande
• Navigation
• Responsive / mobile
• Accessibilité

Méthodes utilisées :
• Audit heuristique
• Analyse mobile first
• Analyse des parcours critiques

ANALYSE DU SITE E-COMMERCE EXISTANT

Analyse ergonomique globale
Analyse du parcours de commande (desktop vs mobile)
Analyse de la responsivité (breakpoints, lisibilité, interactions)
Analyse de l’accessibilité
Identification des freins :
• Navigation complexe sur smartphone
• Saisie longue
• Absence de favoris
• Absence d’historique de commandes facilement exploitable

SYNTHÈSE ET AXES D’AMÉLIORATION

Points forts existants
Points faibles majeurs (mobile, rapidité, mémorisation des commandes)
Problématiques UX clés :
• Commande non adaptée aux usages mobiles
• Manque de fonctionnalités de réassurance et de gain de temps
Premières pistes d’amélioration :
• Refonte responsive mobile-first
• Favoris ❤️
• Recommande rapide depuis les commandes passées

ANALYSE DU BESOIN ET CADRAGE DU PROJET
RECUEIL ET ANALYSE DU BESOIN

Analyse du brief (refonte, non création)
Analyse de la documentation existante
Identification des parties prenantes (direction, équipes internes, utilisateurs finaux)
Analyse du contexte :
• Usage en mobilité
• Commandes parfois finalisées hors bureau
Identification des contraintes :
• Techniques (module existant)
• Organisationnelles
• Délais

DÉFINITION DES OBJECTIFS ET INDICATEURS

Objectifs UX :
• Simplifier la commande mobile
• Réduire le temps de commande
• Faciliter les commandes récurrentes

Objectifs business :
• Augmenter l’usage mobile
• Améliorer la fidélisation
• Résultats attendus

KPIs :
• Taux de complétion mobile
• Temps moyen de commande
• Usage des favoris / re-commandes

ANALYSE CONCURRENTIELLE

• Identification des concurrents directs et indirects
• Analyse comparative des expériences UX/UI
• Identification des opportunités et axes de différenciation

RECHERCHE UTILISATEURS ET COMPRÉHENSION DES USAGES
MÉTHODOLOGIE DE RECHERCHE

• Recherche qualitative reconstituée
• Focus sur les assistantes de direction
• Scénarios mobiles (commande hors bureau, dernière minute)

COLLECTE ET ANALYSE DES DONNÉES

Besoins clés :
• Rapidité
• Simplicité
• Continuité desktop → mobile

Insights :
• Commander « en déplacement »
• Recommander sans reconfigurer

STRUCTURATION DES DONNÉES ET RECOMMANDATIONS

• Personas orientés BtoB / mobilité
• Scénarios d’usage mobile
• Parcours utilisateurs optimisés
• Recommandations UX/UI ciblées

IDÉATION ET DÉFINITION DE LA STRATÉGIE UX
DÉMARCHE D’IDÉATION

Méthodes : brainstorming, Crazy 8, tri des idées.
Axes forts :
• Mobile first
• Commande express
• Mémoire utilisateur (favoris, historique)

DÉFINITION DU CONCEPT ET DE LA STRATÉGIE UX

Concept central : “Commander rapidement, même en mobilité”
Stratégie UX :
• Responsive
• Favoris
• Recommandation en 1 clic
Justification des choix

CONCEPTION DE L’EXPÉRIENCE UTILISATEUR
DÉFINITION ET PRIORISATION DES FONCTIONNALITÉS

• Commande mobile simplifiée
• Favoris ❤️
• Historique de commandes
• Recommande rapide

ARCHITECTURE DE L’INFORMATION

• Arborescence responsive
• Navigation mobile
• Accessibilité

PARCOURS UTILISATEURS ET INTERACTIONS

• Parcours critique mobile
• Parcours desktop
• Continuité cross-device

WIREFRAMES ET PROTOTYPE UX

• Wireframes mobile & desktop
• Prototype interactif orienté commande rapide

TESTS UTILISATEURS ET ITÉRATIONS

• Tests centrés mobile
• Analyse des frictions
• Itérations UX

CONCEPTION DE L’INTERFACE UTILISATEUR
DIRECTION ARTISTIQUE ET ADAPTATION DE LA CHARTE

• Adaptation de l’identité DL au digital
• Prise en compte de l’accessibilité

DESIGN SYSTEM ET COMPOSANTS UI

• Définition des composants
• États et comportements
• Variables et tokens (thèmes saisonniers)

MAQUETTES UI ET TEMPLATES

Maquettes haute fidélité
Templates d’interface

COLLABORATION, TRANSMISSION ET ACCOMPAGNEMENT
COLLABORATION AVEC LES PARTIES PRENANTES

Présentation des choix UX/UI
Ajustements liés à la faisabilité technique

DOCUMENTATION ET ACCOMPAGNEMENT

• Documentation du design system
• Guides d’utilisation

VEILLE UX/UI

• Mise en place d’une veille ciblée
• Analyse et diffusion des enseignements

BILAN ET PERSPECTIVES

Synthèse des compétences mobilisées
Apports concrets pour Déjeuner Livré :
• Mobile
• Rapidité
• Fidélisation
Limites du projet

Perspectives :
• Optimisation continue
• Suivi analytics
• Nouvelles fonctionnalités

Scroll to Top