{"id":3675,"date":"2020-08-03T18:45:41","date_gmt":"2020-08-03T18:45:41","guid":{"rendered":"http:\/\/www.borngroup.com\/?page_id=3675"},"modified":"2022-01-27T13:12:21","modified_gmt":"2022-01-27T18:12:21","slug":"diesel","status":"publish","type":"page","link":"https:\/\/www.borngroup.com\/work\/diesel\/","title":{"rendered":"Diesel"},"content":{"rendered":"\n\n\n    \n      <style>\n      .cs-1-hero-logo {\n        width: 160px;\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>Diesel<\/h1>\n        <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Project<\/h5>\n          <p>DIESEL Redesign<\/p>\n        <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Industry<\/h5>\n                      <p>B2C<\/p>\n                      <p>Fashion<\/p>\n                  <\/div>\n        <div class=\"cs-1-hero-section\">\n          <h5>Services<\/h5>\n                      <p>Commerce Enablement<\/p>\n                      <p>Content and Creative<\/p>\n                      <p>Customer Experience (Cx)<\/p>\n                  <\/div>\n\n        <img decoding=\"async\" class=\"cs-1-hero-logo\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_logo.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\/2020\/07\/Diesel_hero-720x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_hero.jpg\" alt=\"\">\n      \n            <img decoding=\"async\" class=\"cs-1-hero-screenshot-mobile\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_mobile1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_mobile1.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\/08\/Diesel_desktop1-1-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_desktop1-1.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<section class=\"cs-intro container grid\">\n  <div class=\"cs-intro-main\">\n    <h2 class=\"h5 cs-intro-title\">Background<\/h2>\n    Diesel S.p.A.\u00a0is an\u00a0Italian\u00a0retail clothing company located in\u00a0Breganze, Italy. They specialize in premium\u00a0denim as well as clothing, footwear, and accessories. Their clothing line has two different labels: DIESEL and DIESEL Black &#038; Gold. \n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Brief<\/h3>\n    The DIESEL and DIESEL Black &#038; Gold product lines were previously marketed to their customer base separately and now had to coexist within one site. They wanted to update the overall visual design to fit with the new, modernized product direction and improve navigation of their vast collection.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Goals<\/h3>\n    Redesign diesel.com into a single digital flagship. Enhance the content creation calendar to align the tone of voice across content and commerce while elevating product presentation. Streamline the checkout process and simplify access to customer service. Improve the denim product filtering capability and modernize the perception of the brand. \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    Having two brands live together on one site meant all brand communication, product presentation, and collaboration documentation had to be carefully considered. DIESEL needed a comprehensive design system that would support the architecture and product database.\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-1-screenshot\">\n  <div class=\"cs-1-screenshot-scroller\" style=\"width: calc(5 * (100vw - 2 * var(--container-gutter)) + 6 * var(--container-gutter))\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/09\/Diesel_extra_screen-1280x0-c-default.png\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/09\/Diesel_extra_screen.png\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_desktop3-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_desktop3.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_desktop4-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_desktop4.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_desktop5-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/07\/Diesel_desktop5.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_desktop5b-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_desktop5b.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\">Modular Development<\/h2>\n    BORN collaborated closely with DIESEL\u2019s design team to create a library of modules for special offers and campaign pages, while also creating engaging and dynamic templates to support DIESEL\u2019s growing array of collaborations.\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\">A Seamless Experience<\/h2>\n    BORN provided UI and UX design as well as frontend and backend development to transform DIESEL\u2019s digital flagship into a seamless, cohesive brand experience.\n    <div class=\"cs-fifty-fifty-screenshot-holder\">\n      <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile2-1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile2-1-800x0-c-default.jpg\" alt=\"\">\n    <\/div>\n  <\/div>\n  <div class=\"cs-fifty-fifty-column\">\n    <h2 class=\"h5\"><\/h2>\n    \n    <div class=\"cs-fifty-fifty-screenshot-holder\">\n      <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile3-1-400x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile3-1-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(2 * (100vw - 2 * var(--container-gutter)) + 3 * var(--container-gutter))\">\n        <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_desktop6-2-1280x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_desktop6-2.jpg\" alt=\"\">\n        <img decoding=\"async\" src=\"\" srcset=\"\" 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\"><\/h2>\n    With the vast assortment of jeans, clothing, shoes, and accessories, DIESEL.com had to leverage mobile-first design in order to deliver campaign content and product offers to a large number of users on a global scale.\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\/08\/Diesel_mobile_scroll1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll2-1-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll2-1.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll3-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll3.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll4-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll4.jpg\"\n               alt=\"\">\n              <\/div>\n      <div class=\"cs-showcase-screenshots\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll5-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll5.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll6-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll6.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll7-458x0-c-default.jpg\" srcset=\"https:\/\/static.borngroup.com\/uploads\/2020\/08\/Diesel_mobile_scroll7.jpg\"\n               alt=\"\">\n                  <img decoding=\"async\" src=\"\" srcset=\"\"\n               alt=\"\">\n              <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"cs-intro container grid\">\n  <div class=\"cs-intro-main\">\n    <h2 class=\"h5 cs-intro-title\">Improving Engagement <\/h2>\n    Campaign images and content creation often become an afterthought when a brand implements a new commerce platform. In DIESEL\u2019s case, their distinct tone of voice and powerful campaign imagery were amplified throughout the commerce funnel in order to actively re-engage the brand\u2019s audience.\r\n\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Increasing Sales<\/h3>\n    The new digital flagship successfully merged DIESEL\u2019s dynamic image and video creation with their product offer. Improved filtering methods provided clarity to their vast denim and jeans assortment, leading to an increase in sales.\n  <\/div>\n\n  <div class=\"cs-intro-column\">\n    <h3 class=\"h5 cs-intro-title\">Acquiring New Customers<\/h3>\n    DIESEL\u2019s content creation calendar also found a harmonic new context within their revamped digital flagship, exciting and engaging an expansive base of users and fans across the globe. \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":17,"featured_media":0,"parent":595,"menu_order":563,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"service":[19,58,12],"industry":[75,25],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/3675"}],"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\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/comments?post=3675"}],"version-history":[{"count":114,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/3675\/revisions"}],"predecessor-version":[{"id":24185,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/pages\/3675\/revisions\/24185"}],"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=3675"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/service?post=3675"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.borngroup.com\/wp-json\/wp\/v2\/industry?post=3675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}