--- title: MADE IN DESIGN - UX mobile ROPO | Welcome Max | UX - CX Design description: Made in design souhaite renforcer sa présence mobile avec un premier site e-commerce mobile centré sur le ROPO - par notre agence UX UI image: https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/aboutachair.jpg --- ![](https://www.welcomemax.com/hubfs/raw_assets/public/WelcomeMax_May2021/images/logo-welcome-max-symbole-seul-blanc.svg) ![Logo Made In Design](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/MadeInDesign_Logo_NB-300x156.png) Une présence mobile ROPO friendly # Analyse des usages et création d’un site mobile e-commerce Client : Made in design   –   Research + UX + UI ## Renouer avec son ADN de prescripteur 1. ### **Quels sont les usages ROPO? ** Pendant plusieurs jours, **nous avons observé et échangé avec les consommateurs** dans les grands magasins de design. 2. ### **Comment renouer avec l’ADN historique de la marque****?** **Écouter les managers** **pour comprendre la marque**, son histoire et son contexte actuel, puis confronter la vision interne à la vision des clients. 3. ### **Quel positionnement mobile et quelle descente catalogue adaptée aux usages ROPO?** Benchmark à l’appui, nous définissons **une stratégie UX** **pour faciliter l’accès aux produits en mobilité** tout en valorisant le rôle de prescripteur de la marque et la richesse de son offre. 4. ### **Comment accompagner les équipes dans le déploiement d’un premier site mobile pour quatre pays?** **Fournir des guidelines et des assets aux équipes internes** afin de les aider à prendre la main sur le projet, produire et déployer. ![Les différentes pages version mobile de made in design](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/MID_Compo-book.png "Les différentes pages version mobile de made in design") 25 ##### Entretiens #### dans les grands magasins 34 ##### Insights #### sur les usages ROPO 1 ##### UI mobile kit #### en atomic design ![chair-design 111](https://www.welcomemax.com/hubfs/chair-design%20111.png "chair-design 111") ## Une immersion shopping Nous avons passé plusieurs jours dans les grands magasins pour observer les clients et tester l’application existante. ![Immersion shopping & observation des clients](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/test-instore-1.jpg "Immersion shopping & observation des clients") ![Test au sein des locaux de made in design](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/test-instore-BHV.jpg "Test au sein des locaux de made in design") Quels sont les réflexes ROPO des consommateurs lors de leur shopping en magasin? Quel rôle joue le mobile pour les différentes cibles? ## Trouver une place dans un écosystème riche Quel est le contexte de l’utilisateur? Quels sont ses sources d’inspiration? Un état des lieux et un benchmark d’inspiration nous ont permis d’imaginer une interface plus inspirante. ![Cover du magazine "Elle Décoration"](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/cover-elle-deco.png "Cover du magazine \"Elle Décoration\"") ![Design de contenues twitter ](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/interior_design-twit.png "Design de contenues twitter ") ![Imaginer la nouvelle maniere de naviguer en créant un moodboard de design scandinave sur Pinterest](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Design-scandinave_pinterest.png "Imaginer la nouvelle maniere de naviguer en créant un moodboard de design scandinave sur Pinterest") Imaginer une nouvelle manière de naviguer dans le catalogue pour retrouver sa posture de tendanceur et continuer à démocratiser le design. # Dynamiser le parcours Faciliter la navigation dans un catalogue très vaste, tout en imaginant des recommandations qualitatives qui aident la marque à renouer avec son rôle de prescripteur. ![parcours](https://www.welcomemax.com/hubfs/CAS%20-%20Clients/Made%20in%20design/parcours.png "parcours") ![Wireframes Liste produit sur version mobile](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Wireframes_Liste-produit_UX_Made-In-Design_Mobile.png) ![Maquette Liste produit UI sur version mobile](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Maquette_Liste-produit_UI_Made-In-Design_Mobile.png) #### MODERNISER L’IDENTITÉ ![UX mobile - Styles_couleurs_UI](https://www.welcomemax.com/hubfs/UX%20mobile%20-%20Styles_couleurs_UI.png "UX mobile - Styles_couleurs_UI") ![Styles_typo_UI-1](https://www.welcomemax.com/hubfs/Styles_typo_UI-1.png "Styles_typo_UI-1") #### DES COMPOSANTS INSPIRANTS ![Styles UI de Product de chez made in design](https://www.welcomemax.com/hubfs/Styles_UI_MEA_3.jpg "Styles UI de Product de chez made in design") ![DES COMPOSANTS INSPIRANTS - chaise](https://www.welcomemax.com/hubfs/Styles_UI_MEA_5.jpg "DES COMPOSANTS INSPIRANTS - chaise") ![DES COMPOSANTS INSPIRANTS - Fauteuils remb](https://www.welcomemax.com/hubfs/Styles_UI_MEA_4-2.jpg "DES COMPOSANTS INSPIRANTS - Fauteuils remb") ![DES COMPOSANTS INSPIRANTS - chaises](https://www.welcomemax.com/hubfs/Styles_UI_MEA_2.jpg "DES COMPOSANTS INSPIRANTS - chaises") ![DES COMPOSANTS INSPIRANTS - banc](https://www.welcomemax.com/hubfs/Styles_UI_MEA_1-1.jpg "DES COMPOSANTS INSPIRANTS - banc") ![DES COMPOSANTS INSPIRANTS - chaises et bancs](https://www.welcomemax.com/hubfs/Styles_UI_PROD_2-1.jpg "DES COMPOSANTS INSPIRANTS - chaises et bancs") ![icone chaise](https://www.welcomemax.com/hubfs/%E2%9C%94%EF%B8%8F%20PROJETS%20-%20Cas%20clients/Made%20in%20design/icone%20chaise.png "icone chaise") Après plusieurs itérations, une nouvelle interface voit le jour dans quatre pays. Avec un panier moyen mobile supérieur au desktop. PLUS DE MISSIONS [![Voyage Privé](https://www.welcomemax.com/hubfs/VoyagePrive%CC%81_Logo-1.jpg) ](https://www.welcomemax.com/work/voyage-prive-experience-client-post-achat) ## [VOYAGE PRIVE Une expérience post achat plus cohérente avec le positionnement de marque](https://www.welcomemax.com/work/voyage-prive-experience-client-post-achat) [![Orange](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Orange_Logo.jpg) ](https://www.welcomemax.com/work/orange-prototype-guerilla-tests-in-store) ## [ORANGE Stratégie UX pour les nouvelles étiquettes électroniques en boutique Orange](https://www.welcomemax.com/work/orange-prototype-guerilla-tests-in-store) [![Moet Chandon](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/MoetChandon_Logo-1.jpg) ](https://www.welcomemax.com/work/moet-et-chandon-architecture-information-ux) ## [MOËT ET CHANDON Audit UX pour designer une nouvelle architecture de l’information responsive](https://www.welcomemax.com/work/moet-et-chandon-architecture-information-ux) - - Partager Newsletter Partager - - La newsletter × Recevoir la newsletter 1 inscrit = 1 arbre 🌳 [what ?](https://www.welcomemax.com/newsletter-ux#arbres)