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