{"id":17520,"date":"2020-10-09T21:04:59","date_gmt":"2020-10-09T21:04:59","guid":{"rendered":"https:\/\/www.borngroup.com\/?page_id=17520"},"modified":"2022-02-04T12:05:11","modified_gmt":"2022-02-04T17:05:11","slug":"natori-3","status":"publish","type":"page","link":"https:\/\/www.borngroup.com\/work\/natori-3\/","title":{"rendered":"Natori"},"content":{"rendered":"\n\n\n    \n      <style>\n      .cs-1-hero-logo {\n        width: 180px;\n      }\n\n      @media screen and (min-width: 768px) {\n        .cs-1-hero-logo {\n          width: 150px;\n        }\n      }\n    <\/style>\n  \n  <section class=\"cs-1-hero\">\n    <div class=\"cs-1-hero-content\">\n      <div class=\"cs-1-hero-content-spacer\">\n        <div class=\"cs-1-hero-section\">\n          <p class=\"label-heading\">Client<\/p>\n          <h1>Natori<\/h1>\n        <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Project<\/h5>\n          <p>Natori Redesign<\/p>\n        <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Industry<\/h5>\n                      <p>B2C<\/p>\n                      <p>Fashion<\/p>\n                      <p>Luxury<\/p>\n                  <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Services<\/h5>\n                      <p>Content and Creative<\/p>\n                  <\/div>\n\n        <img decoding=\"async\" class=\"cs-1-hero-logo\" src=\"https:\/\/static.borngroup.com\/uploads\/2022\/02\/natori-logo-white.svg\" alt=\"\">\n      <\/div>\n    <\/div>\n    <aside class=\"cs-1-hero-aside\">\n            <img decoding=\"async\" class=\"cs-1-hero-bg\" src=\"https:\/\/static.borngroup.com\/uploads\/2022\/02\/Natori-Intro-Overlay-720x0-c-default.png\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2022\/02\/Natori-Intro-Overlay.png\" alt=\"\">\n      \n            <img decoding=\"async\" class=\"cs-1-hero-screenshot-mobile\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M-Home_Full-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M-Home_Full.jpg\" alt=\"\">\n    <\/aside>\n\n    <div class=\"cs-1-screenshot-desktop-holder container\">\n      <img decoding=\"async\" class=\"cs-1-hero-screenshot-desktop\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-Home-D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-Home-D.jpg\" alt=\"\">\n    <\/div>\n  <\/section>\n\n\n\n<style type=\"text\/css\">\n .label-heading{\n  font-size: 13px;\n    font-weight: 700;\n    line-height: 1.34;\n    text-transform: uppercase;\n    letter-spacing: 0.02em;\n }\n<\/style>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/born-website-assets.s3.amazonaws.com\/uploads\/2020\/10\/Natori_world.mp4\" playsinline><\/video><\/figure>\n\n\n\n<section class=\"cs-intro container grid\">\n  <div class=\"cs-intro-main\">\n    <h2 class=\"h5 cs-intro-title\">Background<\/h2>\n    The Natori Company is a women&#8217;s fashion designer and manufacturer based in New York City. The company sells lingerie, nightwear, loungewear, ready-to-wear, and other high-end women&#8217;s fashion to upscale department stores in the US, at least 15 countries internationally and on their website.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Brief<\/h3>\n    Natori sought a complete redesign of their site, as their current site felt outdated and was difficult for users to navigate, especially on mobile. They required a redesign to help tell their brand story and engage users with beautiful editorial imagery and video. \n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Goals<\/h3>\n    Mirror the rich heritage of Natori online, immersing users in the Natori brand story and educating them about product quality and details. Ensure it&#8217;s easy for users to find what they&#8217;re looking for. Advanced filtering on the PLP.\n  <\/div>\n<\/section>\n\n\n\n\n<section class=\"cs-point cs-point--fullscreen cs-point--dark container\">\n  <div class=\"cs-point-content\">\n    <h2 class=\"h5 cs-point-title\">Challenge<\/h2>\n    Multiple Natori brands with varying price points had to live together on the new site, which posed a challenge as to how we would approach the Information Architecture on the site. \n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-1-screenshot\">\n  <div class=\"cs-1-screenshot-scroller\" style=\"width: calc(6 * (100vw - 2 * var(--container-gutter)) + 7 * var(--container-gutter))\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-PDP-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-PDP.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-1D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-1D.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-4D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-4D.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-2D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-2D.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-3D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-3D.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-6D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-6D.jpg\" alt=\"\">\n      <\/div>\n<\/section>\n\n\n\n\n<section class=\"cs-point cs-point--fullscreen cs-point--light container\">\n  <div class=\"cs-point-content\">\n    <h2 class=\"h5 cs-point-title\">An Immersive Shopping Experience <\/h2>\n    We took a modular approach to the design, allowing Natori to easily move around modules as needed on the back end. We ensured that the redesign gave Natori the opportunity to showcase their beautiful imagery and video throughout the site. \n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-fifty-fifty grid container\">\n  <div class=\"cs-fifty-fifty-column\">\n    <h2 class=\"h5\">Mobile-first<\/h2>\n    We updated the site to be completely mobile-first, allowing their users, many of which shop on a mobile device, to easily shop while on-the-go.\n    <div class=\"cs-fifty-fifty-screenshot-holder\">\n      <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-Home-M-1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-Home-M-1-800x0-c-default.jpg\" alt=\"\">\n    <\/div>\n  <\/div>\n  <div class=\"cs-fifty-fifty-column\">\n    <h2 class=\"h5\">Editorial Moments <\/h2>\n    Storytelling was crucial to weave in throughout the site, so modules were created to allow Natori to tell users about the background of various collections and products. \n    <div class=\"cs-fifty-fifty-screenshot-holder\">\n      <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/M-Home_Full--400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/M-Home_Full--800x0-c-default.jpg\" alt=\"\">\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-1-screenshot\">\n  <div class=\"cs-1-screenshot-scroller\" style=\"width: calc(1 * (100vw - 2 * var(--container-gutter)) + 2 * var(--container-gutter))\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-7D-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-7D.jpg\" alt=\"\">\n      <\/div>\n<\/section>\n\n\n\n<section class=\"cs-showcase container\">\n  <div class=\"cs-showcase-content\">\n    <h2 class=\"h5 cs-showcase-title\">An Improved Shopping Experience <\/h2>\n    PLP filtering was improved, creating a more seamless experience so users could easily find the item they were looking for. &#8216;Shop the look&#8217; functionality was also enabled on the site so users could easily recreate the outfits featured. \n  <\/div>\n  <div class=\"cs-showcase-screenshots-holder\">\n    <div class=\"cs-showcase-thing\">\n      <div class=\"cs-showcase-screenshots\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M1-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M1-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-5M-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-5M-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-6M-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-6M-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M8-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M8-1.jpg\"\n               alt=\"\">\n              <\/div>\n      <div class=\"cs-showcase-screenshots\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M2-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M2-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-7M-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-7M-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M3-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M3-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M4-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/10\/Natori-M4-1.jpg\"\n               alt=\"\">\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n\n<section class=\"banner       banner--has-overlay  \">\n      <div  aria-hidden=\"true\" class=\"banner-background lax\" style=\"background-image: url('https:\/\/static.borngroup.com\/uploads\/2020\/09\/paulstuart_cover.jpg')\"><\/div>\n  \n  \n  <a href=https:\/\/www.borngroup.com\/work\/paul-stuart\/ class=\"banner-content-holder\" data-custom-cursor data-cursor-text=\"Learn More\">\n    <div  class=\"banner-content container lax\">\n      <header class=\"banner-header lax\" >\n                  <div class=\"u-text-small-caps\">Next Case Study &#8211; Paul Stuart<\/div>\n                          <img decoding=\"async\" class=\"banner-logo\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/PaulStuart_logo.svg\" alt=\"\">\n              <\/header>\n\n      <div class=\"banner-copy lax\"\n              >\n        <div>\n                      <h2 class=\"banner-title\">State-of-the-Art eCommerce for a Luxury Leader<\/h2>\n          \n          \n                      <div class=\"banner-tagline banner-tagline--half-width\">\n              <p class=\"\">Amplifying engagement with compelling creative and integrated omnichannel solutions.<\/p>\n            <\/div>\n          \n          \n                  <\/div>\n\n              <\/div>\n    <\/div>\n  <\/a>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":28,"featured_media":0,"parent":595,"menu_order":524,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"service":[58],"industry":[75,25,46],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/17520"}],"collection":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/comments?post=17520"}],"version-history":[{"count":42,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/17520\/revisions"}],"predecessor-version":[{"id":24331,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/17520\/revisions\/24331"}],"up":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/595"}],"wp:attachment":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/media?parent=17520"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/service?post=17520"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/industry?post=17520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}