{"id":482,"date":"2019-01-09T17:43:06","date_gmt":"2019-01-09T17:43:06","guid":{"rendered":"https:\/\/www.lambert.associates\/blog\/?p=482"},"modified":"2022-08-12T18:45:35","modified_gmt":"2022-08-12T16:45:35","slug":"yoox-net-a-porter-yooxmirror","status":"publish","type":"post","link":"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/","title":{"rendered":"YooxMirror: Yoox Net-a-Porter&#8217;s First Foray Into 3-D Visualisation"},"content":{"rendered":"<p>PARIS, France &#8211; Yoox Net-a-Porter has unveiled an AI-powered styling tool within the Yoox mobile app called YooxMirror. Developed by the Yoox research and development team, YooxMirror allows users to visualise clothing, shoes and accessories on a 3-D avatar and share their looks instantly on social media.&nbsp;According to Yoox Net-a-Porter, YooxMirror&nbsp;<a href=\"http:\/\/www.ynap.com\/news\/yoox-unveils-yooxmirror\/\">will feature 250 products per week and 9 unique fashion themes.<\/a><\/p>\n<p>As soon as the&nbsp;new feature was announced, we headed to the App Store to download the app to test it out ourselves. First up, the themes showcase&nbsp;the retailer&#8217;s selection of this season&#8217;s top trends. Within each universe, you can scroll through a carousel of products to pull together an outfit, and of course shop or share your final look.<\/p>\n<p>In terms of user experience, it&#8217;s clear that the YooxMirror interface is heavily inspired by Instagram Stories. For example, the themes appear the top of the screen in the form of stories. Once you click on a story &#8211; &#8216;Rethink Pink&#8217;, &#8216;Sporty Spice&#8217; or &#8216;Sartorial Botox&#8217; &#8211; a short description of the look appears and you&#8217;re invited to swipe up to enter the YooxMirror styling suite. While the desire to reduce the learning curve for the user is understandable, the fact that the development team lifted Instagram&#8217;s design makes the entire experience feel much less innovative.<\/p>\n<h3>The technology<\/h3>\n<p>Behind the styling tool lies complex technology including algorithms that detect visual elements (colour, pattern and shape) within a product image. The app also employs deep learning to extract product attributes and select alternatives. Like&nbsp;<a href=\"https:\/\/www.stitchfix.com\/\">StitchFix<\/a>, the app builds on the work of the Yoox merchandising team, integrating human knowledge and expertise with AI to present tailored suggestions to the user.<\/p>\n<p>\u201cThe introduction of YooxMirror represents an important move for us, offering our customers something personalized and memorable which is also a brand-new way to explore the very best of Yoox,&#8221; says Paolo Mascio, President of Yoox.<\/p>\n<figure id=\"attachment_837\" aria-describedby=\"caption-attachment-837\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-medium wp-image-837\" src=\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-3-800x490.jpg\" alt=\"YooxMirror application\" width=\"800\" height=\"490\" srcset=\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-3.jpg 800w, https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-3-320x196.jpg 320w, https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-3-560x343.jpg 560w, https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-3-640x392.jpg 640w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-837\" class=\"wp-caption-text\">YooxMirror application<\/figcaption><\/figure>\n<h3>Gamifying the shopping experience<\/h3>\n<p>There is a definite &#8216;game&#8217; component to YooxMirror. In some ways, it integrates the playful elements that we see in beauty or interior design apps that let users test out a new makeup look or work out the layout of furniture in their&nbsp;living room. Here, you can select a character and try different combinations of clothing and accessories against unique backdrops.<\/p>\n<p>Given that the objective of the tool is to provide a personalised experience for the user, it was, however, disappointing that there were only four models to choose from &#8211; two Caucasian, one African American and one Asian. On top of that, the models are all the same shape, height and size, which makes it difficult to see the added value that YooxMirror brings to the simulated shopping experience.<\/p>\n<h3><strong>The future of garment simulation<\/strong><\/h3>\n<p>What&#8217;s clear from playing around with YooxMirror is the quality of its 3-D rendering &#8211; it&#8217;s definitely one of the better examples that we&#8217;ve seen in the virtual reality app space. The placement of products of the model is accurate, but there are certain limitations. For example, it&#8217;s not possible to see how a top looks tucked into a pair of pants or a skirt. The Yoox team have also managed to mimic the realisticness of the products, maintaining say, the reflective quality of a metallic dress or the shadows of a pleated skirt.<\/p>\n<p>This year, we&#8217;ve seen the creation of the <a href=\"https:\/\/wwd.com\/video\/virtual-supermodel-stars-in-a-real-fashion-photoshoot\/\">first computer-generated supermodels<\/a>, aided by CLO&#8217;s <a href=\"https:\/\/www.clo3d.com\/\">3-D fashion software program<\/a>. Designers can also use CLO&#8217;s software to turn 2-D patterns into high-quality 3-D visuals almost instantaneously. Their simulation engine can even emulate drape-sensitive fabrics such as lightweight wovens and jerseys. This kind of technology will help designers to cut down on the time and cost of the design process.<\/p>\n<figure id=\"attachment_836\" aria-describedby=\"caption-attachment-836\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"size-medium wp-image-836\" src=\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/Marques_Almeida_3D_-Jacket-800x450.jpg\" alt=\"Marques Alemeida jacket rendered in 3D by The Fabricant\" width=\"800\" height=\"450\" srcset=\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/Marques_Almeida_3D_-Jacket.jpg 800w, https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/Marques_Almeida_3D_-Jacket-320x180.jpg 320w, https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/Marques_Almeida_3D_-Jacket-560x315.jpg 560w, https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/Marques_Almeida_3D_-Jacket-640x360.jpg 640w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-836\" class=\"wp-caption-text\">Marques Alemeida jacket rendered in 3D by The Fabricant<\/figcaption><\/figure>\n<p>Using the same technology, <a href=\"https:\/\/www.thefabricant.com\/it-hong-kong\/\">Chinese retailer I.T. paired up with The Fabricant<\/a>&nbsp;to launch an entirely digitally rendered collection for its 30th anniversary. What made it remarkable is the fact that the campaign involved no product photography.&nbsp;The garments, designed by well-known brands including Marques Almeida, Helmut Lang and Alexander McQueen were only&nbsp;available in digital form for pre-purchase viewing at I.T\u2019s pop-up stores.<\/p>\n<p>With these collective advancements in virtual technology and 3-D visualisation, we&#8217;ll begin to see more retailers and brands exploring this space. It&#8217;s certainly an exciting time to see how these applications will move the needle in the fashion industry &#8211; whether it&#8217;s simply bringing a bit of novelty to the online shopping experience or tackling production lead times and photography costs.<\/p>\n<div class=\"bsc-separator\" style=\"border-bottom-width: 1px; border-bottom-style: solid;\"><\/div>\n<p style=\"font-style:italic\">Lambert + Associates is a leading retail consultancy that helps brands and retailers to flourish in today&#8217;s global marketplace. With over 40 years of experience, we work with our clients to address the challenges that they are facing today, to build solutions for the future. Do you need help creating a coherent web strategy? Find out more about our <a href=\"https:\/\/www.lambert.associates\/for-brands\/#digitalconsultancy\">digital consultancy<\/a> and <a href=\"https:\/\/www.lambert.associates\/for-retailers\/#photoshoot\">photoshoot services<\/a> here.<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"post-excerpt\">PARIS, France &#8211; Yoox Net-a-Porter has unveiled an AI-powered styling tool within the Yoox mobile app called YooxMirror. Developed by the Yoox research and development team, YooxMirror allows users to&hellip;<\/div>\n","protected":false},"author":19,"featured_media":838,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YooxMirror: Yoox Net-a-Porter&#039;s First Foray Into 3-D Visualisation | The Agenda | Lambert + Associates<\/title>\n<meta name=\"description\" content=\"PARIS, France - Yoox Net-a-Porter has unveiled an AI-powered styling tool within the Yoox mobile app called YooxMirror.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YooxMirror: Yoox Net-a-Porter&#039;s First Foray Into 3-D Visualisation | The Agenda | Lambert + Associates\" \/>\n<meta property=\"og:description\" content=\"PARIS, France - Yoox Net-a-Porter has unveiled an AI-powered styling tool within the Yoox mobile app called YooxMirror.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/\" \/>\n<meta property=\"og:site_name\" content=\"The Agenda\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/lambertandassociates\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-09T17:43:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-12T16:45:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-Avatar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/#organization\",\"name\":\"Lambert + Associates\",\"url\":\"https:\/\/www.lambert.associates\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/lambertandassociates\",\"https:\/\/www.instagram.com\/lambertandassociates\/\",\"https:\/\/www.linkedin.com\/company\/lambert-and-associates\/\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2018\/08\/Logo-2-e1535977267392.jpg\",\"width\":299,\"height\":68,\"caption\":\"Lambert + Associates\"},\"image\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/#website\",\"url\":\"https:\/\/www.lambert.associates\/blog\/\",\"name\":\"The Agenda\",\"description\":\"Mastering the art of smart retail\",\"publisher\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.lambert.associates\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/www.lambert.associates\/blog\/wp-content\/uploads\/2019\/01\/YooxMirror-Avatar.jpg\",\"width\":1080,\"height\":720,\"caption\":\"Source: Yoox Net-a-Porter\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#webpage\",\"url\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/\",\"name\":\"YooxMirror: Yoox Net-a-Porter's First Foray Into 3-D Visualisation | The Agenda | Lambert + Associates\",\"isPartOf\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#primaryimage\"},\"datePublished\":\"2019-01-09T17:43:06+00:00\",\"dateModified\":\"2022-08-12T16:45:35+00:00\",\"description\":\"PARIS, France - Yoox Net-a-Porter has unveiled an AI-powered styling tool within the Yoox mobile app called YooxMirror.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/#\/schema\/person\/5a6474664e733262e73ae771909af012\"},\"headline\":\"YooxMirror: Yoox Net-a-Porter&#8217;s First Foray Into 3-D Visualisation\",\"datePublished\":\"2019-01-09T17:43:06+00:00\",\"dateModified\":\"2022-08-12T16:45:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#primaryimage\"},\"articleSection\":\"Disruption\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.lambert.associates\/blog\/disruption\/yoox-net-a-porter-yooxmirror\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/#\/schema\/person\/5a6474664e733262e73ae771909af012\",\"name\":\"Minh Ngo\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.lambert.associates\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5f3a3866fb57b38e0b0ff64007dbc340?s=96&d=mm&r=g\",\"caption\":\"Minh Ngo\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/posts\/482"}],"collection":[{"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/comments?post=482"}],"version-history":[{"count":30,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/posts\/482\/revisions"}],"predecessor-version":[{"id":6012,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/posts\/482\/revisions\/6012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/media\/838"}],"wp:attachment":[{"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/media?parent=482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/categories?post=482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lambert.associates\/blog\/wp-json\/wp\/v2\/tags?post=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}