CINXE.COM
Balenciaga — AREA 17
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Balenciaga — AREA 17</title> <meta property="og:title" content="Balenciaga — AREA 17" /> <meta name="twitter:title" content="Balenciaga — AREA 17" /> <meta itemprop="name" content="Balenciaga — AREA 17"> <meta property="og:type" content="article" /> <meta name="description" content="We teamed up with Balenciaga to find the balance between a powerful e-commerce experience and the unique expression of the most avant-garde luxury brand."> <meta property="og:description" content="We teamed up with Balenciaga to find the balance between a powerful e-commerce experience and the unique expression of the most avant-garde luxury brand." /> <meta name="twitter:description" content="We teamed up with Balenciaga to find the balance between a powerful e-commerce experience and the unique expression of the most avant-garde luxury brand." /> <meta itemprop="description" content="We teamed up with Balenciaga to find the balance between a powerful e-commerce experience and the unique expression of the most avant-garde luxury brand."> <link rel="canonical" href="https://area17.com/work/balenciaga-website" /> <meta property="og:url" content="https://area17.com/work/balenciaga-website" /> <meta name="twitter:url" content="https://area17.com/work/balenciaga-website" /> <meta property="og:image" content="https://media-cdn.area17.com/c78c0684-7675-4e25-90ce-a3458f9f3d98/bal_02a_cover2x.jpg?crop=2960%2C1663%2C0%2C0" /> <meta property="og:image:width" content="900" /> <meta property="og:image:height" content="470" /> <meta name="twitter:image" content="https://media-cdn.area17.com/c78c0684-7675-4e25-90ce-a3458f9f3d98/bal_02a_cover2x.jpg?crop=2960%2C1663%2C0%2C0"> <meta itemprop="image" content="https://media-cdn.area17.com/c78c0684-7675-4e25-90ce-a3458f9f3d98/bal_02a_cover2x.jpg?crop=2960%2C1663%2C0%2C0"> <meta property="article:published_time" content="2022-06-15T00:00:00.000000+00:00" /> <meta property="article:author" content="https://www.facebook.com/area17/" /> <meta name="copyright" content="(c) 2024 AREA 17" /> <link rel="author" href="humans.txt"> <meta name="robots" content="NOODP" /> <meta name="google" content="nositelinkssearchbox"> <!-- Lang tags --> <link rel="alternate" hreflang="en" href="https://area17.com/work/balenciaga-website" /> <link rel="alternate" hreflang="fr" href=" https://area17.com/fr/projets/balenciaga-site " /> <!-- iOS --> <meta name="apple-mobile-web-app-title" content="AREA 17" /> <meta name="format-detection" content="telephone=no" /> <!-- Android --> <meta name="theme-color" content="#000000" /> <!-- Alexa --> <meta name="alexaVerifyID" content="mrnWUx4XUt4iGowaz3AN5jrEq3k"/> <!-- Pinterest --> <meta name="p:domain_verify" content="7de7594dd7ad058dc2c7f8b231469e8a"/> <!-- Facebook / Open Graph globals --> <meta property="og:site_name" content="AREA 17" /> <meta property="og:author" content="https://www.facebook.com/area17/" /> <meta property="fb:admins" content="288673154639" /> <!-- Twitter globals --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@AREA_17_" /> <meta name="twitter:domain" content="area17.com" /> <meta name="twitter:creator" content="@AREA_17_" /> <!-- Preload and Prefect pre-CSS --> <link rel="dns-prefetch" href="//area17.imgix.net"> <link href="/assets/fonts/SuisseIntl-Regular-WebXL.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <link href="/assets/fonts/SuisseIntl-Book-WebS.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <link href="/assets/fonts/SuisseIntl-Medium-WebXL.woff2" rel="preload" as="font" type="font/woff2" crossorigin> <!-- Favicons --> <link href="/favicon-16.png" rel="icon" sizes="16x16" type="image/png"> <link href="/favicon-32.png" rel="icon" sizes="32x32" type="image/png"> <link href="/favicon-96.png" rel="icon" sizes="96x96" type="image/png"> <link href="/favicon-57.png" rel="apple-touch-icon" sizes="57x57"> <link href="/favicon-72.png" rel="apple-touch-icon" sizes="72x72"> <link href="/favicon-120.png" rel="apple-touch-icon" sizes="120x120"> <link href="/favicon-144.png" rel="apple-touch-icon" sizes="144x144"> <link href="/favicon-152.png" rel="apple-touch-icon" sizes="152x152"> <link href="/favicon-180.png" rel="apple-touch-icon-precomposed" sizes="180x180"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-TileImage" content="/favicon-144.png"> <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet"> <!-- CSS --> <link href="/build/css/application.min.e3f468ff.css" rel="stylesheet"> <link href="/build/css/cookiebanner.min.e69f3e15.css" rel="stylesheet"> <!-- Preload and Prefect post-CSS --> <link href="/build/js/application.min.f88e381c.js" rel="preload" as="script"> <script nonce="PHd2iFq2PNVd7wq2OUaLDMYqzEvx1oWo"> if(document.cookie.match(/fonts_loaded=Y/)) document.documentElement.className += ' fonts-loaded'; </script> <script nonce="PHd2iFq2PNVd7wq2OUaLDMYqzEvx1oWo"> // fontfaceobserver - version : 1.7.1 (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); (function(){var k=!!document.addEventListener;function l(a,b){k?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function v(a){document.body?a():k?document.addEventListener("DOMContentLoaded",a):document.attachEvent("onreadystatechange",function(){"interactive"!=document.readyState&&"complete"!=document.readyState||a()})};function w(a){this.a=document.createElement("div");this.a.setAttribute("aria-hidden","true");this.a.appendChild(document.createTextNode(a));this.b=document.createElement("span");this.c=document.createElement("span");this.h=document.createElement("span");this.f=document.createElement("span");this.g=-1;this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;"; this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.b.appendChild(this.h);this.c.appendChild(this.f);this.a.appendChild(this.b);this.a.appendChild(this.c)} function y(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;left:-999px;white-space:nowrap;font:"+b+";"}function z(a){var b=a.a.offsetWidth,c=b+100;a.f.style.width=c+"px";a.c.scrollLeft=c;a.b.scrollLeft=a.b.scrollWidth+100;return a.g!==b?(a.g=b,!0):!1}function A(a,b){function c(){var a=m;z(a)&&null!==a.a.parentNode&&b(a.g)}var m=a;l(a.b,c);l(a.c,c);z(a)};function B(a,b){var c=b||{};this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal"}var C=null,D=null,H=!!window.FontFace;function I(){if(null===D){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(b){}D=""!==a.style.font}return D}function J(a,b){return[a.style,a.weight,I()?a.stretch:"","100px",b].join(" ")} B.prototype.load=function(a,b){var c=this,m=a||"BESbswy",x=b||3E3,E=(new Date).getTime();return new Promise(function(a,b){if(H){var K=new Promise(function(a,b){function e(){(new Date).getTime()-E>=x?b():document.fonts.load(J(c,c.family),m).then(function(c){1<=c.length?a():setTimeout(e,25)},function(){b()})}e()}),L=new Promise(function(a,c){setTimeout(c,x)});Promise.race([L,K]).then(function(){a(c)},function(){b(c)})}else v(function(){function q(){var b;if(b=-1!=f&&-1!=g||-1!=f&&-1!=h||-1!=g&&-1!= h)(b=f!=g&&f!=h&&g!=h)||(null===C&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),C=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=C&&(f==r&&g==r&&h==r||f==t&&g==t&&h==t||f==u&&g==u&&h==u)),b=!b;b&&(null!==d.parentNode&&d.parentNode.removeChild(d),clearTimeout(G),a(c))}function F(){if((new Date).getTime()-E>=x)null!==d.parentNode&&d.parentNode.removeChild(d),b(c);else{var a=document.hidden;if(!0===a||void 0===a)f=e.a.offsetWidth,g=n.a.offsetWidth, h=p.a.offsetWidth,q();G=setTimeout(F,50)}}var e=new w(m),n=new w(m),p=new w(m),f=-1,g=-1,h=-1,r=-1,t=-1,u=-1,d=document.createElement("div"),G=0;d.dir="ltr";y(e,J(c,"sans-serif"));y(n,J(c,"serif"));y(p,J(c,"monospace"));d.appendChild(e.a);d.appendChild(n.a);d.appendChild(p.a);document.body.appendChild(d);r=e.a.offsetWidth;t=n.a.offsetWidth;u=p.a.offsetWidth;F();A(e,function(a){f=a;q()});y(e,J(c,'"'+c.family+'",sans-serif'));A(n,function(a){g=a;q()});y(n,J(c,'"'+c.family+'",serif'));A(p,function(a){h= a;q()});y(p,J(c,'"'+c.family+'",monospace'))})})};window.FontFaceObserver=B;window.FontFaceObserver.prototype.check=window.FontFaceObserver.prototype.load=B.prototype.load;"undefined"!==typeof module&&(module.exports=window.FontFaceObserver);}()); (function(w){ if( w.document.documentElement.className.indexOf( "fonts-loaded" ) > -1 ) return; var suisse_regular = (new w.FontFaceObserver("Suisse", { weight: 400 })).check(); var suisse_book = (new w.FontFaceObserver("Suisse", { weight: 500 })).check(); var suisse_medium = (new w.FontFaceObserver("Suisse", { weight: 700 })).check(); w.Promise.all([suisse_regular, suisse_book, suisse_medium]).then(function(){ w.document.documentElement.className += " fonts-loaded"; w.document.cookie = 'fonts_loaded=Y;path=/'; }); }(this)); </script> </head> <body id="body" class="body--detail body--casestudy"> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "AREA 17", "url" : "https://area17.com/", "sameAs" : [ "https://www.facebook.com/area17/", "https://twitter.com/AREA_17_", "https://www.linkedin.com/company/area-17/", "https://www.instagram.com/AREA_17_/" ], "address": { "@type": "PostalAddress", "streetAddress": "99 Richardson Street, Second floor, Brooklyn", "addressRegion": "NY", "postalCode": "11211", "addressCountry": "US" } } </script> <div class="redline" data-behavior="toggle_redline"></div> <header class="header header--light spf-link" id="header" data-behavior="mobile_nav"> <h4 class="header__A17"><a href="https://area17.com/" data-behavior="prefetch_url" data-page-id="home">A<span class="header__A17Long">REA </span>17</a></h4> <button class="header__toggle" data-trigger>Menu</button> <nav class="header__nav header__nav-panel" data-nav> <button class="header__toggle" data-trigger>Close</button> <div class="header__logo"> <a href="https://area17.com/" class="icon__a17 spf-link" aria-label="Home">A/</a> </div> <a href="https://area17.com/work" class="header__link header__link--work" data-behavior="prefetch_url" data-page-id="work"><span>Work</span></a> <a href="https://area17.com/approach" class="header__link header__link--approach"><span>Approach</span></a> <a href="https://area17.com/culture" class="header__link header__link--culture"><span>Culture</span></a> <a href="https://area17.com/about" class="header__link header__link--about"><span>About</span></a> <a href="https://area17.com/contact" class="header__link header__link--contact"><span>Contact</span></a> <a href="https://area17.com/index" class="header__link header__link--index" data-behavior="prefetch_url" data-page-id="index"><span>Index</span></a> <div class="header__nav-footer"> <a href="#" data-newsletter-trigger class="typo--arrowed typo--borderedHover">Subscribe to our newsletter</a><br/> <a href="https://www.facebook.com/area17/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">Facebook</a> <a href="https://twitter.com/AREA_17_" target="_blank" rel="noopenner noreferrer" class="typo--bordered">X (Twitter)</a> <a href="https://www.instagram.com/AREA_17_/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">Instagram</a> </div> </nav> </header> <div class="content content--clocks hide-mobile"> <div class="clocks" data-behavior="display_date toggle_clocks" data-date-format="en"> <p>New York<br/> <span data-timezone="America/New_York" class="time"><span class="time__hours">09</span><span class="time__separator">:</span><span class="time__minutes">24 pm</span></span></p> <p>Paris<br/> <span data-timezone="Europe/Paris"><span class="time__hours">03</span><span class="time__separator">:</span><span class="time__minutes">24 am</span></span></p> </div> </div> <div class="headerBackTop" data-behavior="sticky_up"> <a href="https://area17.com/" class="headerBackTop__home" data-behavior="navigate_index"><span>AREA 17</span></a> <a href="#header" class="headerBackTop__trigger" data-behavior="scroll_top">↑</a> </div> <div class="header--darkContainer" data-animate-clip> <header class="header header--dark" data-header-index > <h4 class="header__A17"><a href="https://area17.com/" data-behavior="navigate_index">A<span class="header__A17Long">REA </span>17</a></h4> <nav class="header__nav headerFilter"> <div class="headerFilter__global" data-behavior="navigate_index"> <a href="https://area17.com/work" class="header__link header__link--work"><span>Work</span></a><a href="https://area17.com/approach" class="header__link header__link--approach"><span>Approach</span></a><a href="https://area17.com/culture" class="header__link header__link--culture"><span>Culture</span></a><a href="https://area17.com/about" class="header__link header__link--about"><span>About</span></a><a href="https://area17.com/contact" class="header__link header__link--contact"><span>Contact</span></a><a href="https://area17.com/index" class="header__link header__link--index"><span>Index</span></a> </div> <div class="headerFilter__index"> <a class="headerFilter__title" href="#header" data-behavior="scroll_top"><span>Index</span></a> <div class="headerFilter__current" data-behavior="index_filter" data-filter-dropdown> <button class="headerFilter__links headerFilter__links--all" data-filter-url="https://area17.com/index/all" data-filter-bt="all">All projects</button> <button class="headerFilter__links headerFilter__links--brand" data-filter-url="https://area17.com/index/brand" data-filter-bt="brand"><span class='typo--shift2'>Brand</span></button> <button class="headerFilter__links headerFilter__links--experience" data-filter-url="https://area17.com/index/experience" data-filter-bt="experience"><span class='typo--shift'>Experience</span></button> <button class="headerFilter__links headerFilter__links--technology" data-filter-url="https://area17.com/index/technology" data-filter-bt="technology"><span class='typo--shift'>Technology</span></button> </div> <a href="#header" class="headerFilter__top" data-behavior="scroll_top">↑</a> </div> </nav> <div class="headerLoader"><div class="headerLoader__spin">/</div></div> </header> <div class="headerBackTop headerBackTop--dark" data-header-index> <a href="/" class="headerBackTop__home" data-behavior="navigate_index"><span>AREA 17</span></a> <div class="headerFilter__index"> <div class="headerFilter__current" data-behavior="index_filter" data-filter-dropdown> <button class="headerFilter__links headerFilter__links--all" data-filter-url="https://area17.com/index/all" data-filter-bt="all">All projects</button> <button class="headerFilter__links headerFilter__links--brand" data-filter-url="https://area17.com/index/brand" data-filter-bt="brand"><span class='typo--shift2'>Brand</span></button> <button class="headerFilter__links headerFilter__links--experience" data-filter-url="https://area17.com/index/experience" data-filter-bt="experience"><span class='typo--shift'>Experience</span></button> <button class="headerFilter__links headerFilter__links--technology" data-filter-url="https://area17.com/index/technology" data-filter-bt="technology"><span class='typo--shift'>Technology</span></button> </div> </div> <a href="#header" class="headerBackTop__trigger" data-behavior="scroll_top">↑</a> </div> </div> <div class="indexBar" data-behavior="navigate_index"><a href="https://area17.com/index" class="indexBar__button" id="indexBar__URL" data-index-url="https://area17.com/index"><span class="indexBar__label"><span>Index</span></span></a></div> <div class="content__mask"></div> <div class="content__container"> <div class="content content--main"> <div class="content__inner"> <div id="content"> <article class="detail__content" data-behavior="slideshow open_panel_in_panel video" data-work-pattern="/work/"> <div class="blockCover" style="background-image:url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEAkACQAAD/wAARCAAQAB4DASEAAhEBAxEB/8QBogAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foBAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKCxEAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9sAhAAGBAUGBQQGBgUGBwcGCAoQCgoJCQoUDg8MEBcUGBgXFBYWGh0lHxobIxwWFiAsICMmJykqKRkfLTAtKDAlKCkoAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/2gAMAwEAAhEDEQA/AOuier0LV0DL0LVbQ8UxHHwvV+BqQzRgarqHimB//9k=');" data-behavior="cover_fluid resize_cover"> <div class="blockCover__image blockCover__image--pano blockCover__image--top blockCover__image--fluid" data-src="https://media-cdn.area17.com/c78c0684-7675-4e25-90ce-a3458f9f3d98/bal_02a_cover2x.jpg?crop=2960%2C1663%2C0%2C0" data-cover></div> <div class="blockCover__image blockCover__image--square blockCover__image--top blockCover__image--fluid" data-src="https://media-cdn.area17.com/c78c0684-7675-4e25-90ce-a3458f9f3d98/bal_02a_cover2x.jpg?crop=1669%2C1670%2C1095%2C0"></div> </div> <div class="blockText blockText--titleCS"> <aside class="blockText__title blockText__title--date"> <h3 class="typo--title">2022</h3> </aside> <div class="blockText__text"> <h1 class="typo--title">Balenciaga</h1> <h2 class="typo--title">Uncompromising creativity</h2> </div> </div> <div class="blockText blockText--introCS"> <aside class="blockText__title"> <p>Paris, France</p> <ul class="typo--note"> <li>Brand</li> <li>Experience</li> <li>Technology</li> </ul> </aside> <div class="blockText__text"> <p>One of the most visionary luxury fashion houses, Balenciaga is celebrated for its revolutionary silhouettes, high-profile admirers, and unique ability to reincarnate according to the times.<span id="docs-internal-guid-31025de7-7fff-ec6b-0792-842ea5215be5" class="ql-anchor"><br class="softbreak"></span></p><p>True to its forward-looking spirit, Balenciaga has become one of the most popular luxury brands among Millennials and Gen Z. They approached AREA 17 with a vision to elevate their e-commerce platform to drive loyalty and grow online direct-to-consumer sales.</p><p>Simple but daring, the new site strikes a balance between a high-performing, modern-luxury e-commerce experience and a distinctive embodiment of the Balenciaga brand.<br class="softbreak"></p> <p> <a href="https://www.balenciaga.com/" target="_blank" rel="noopenner noreferrer"> balenciaga.com </a> </p> </div> </div> <div class="blockImage blockImage--website blockImage--websiteCenter blockImage--website-video"> <div class="blockImage__inner" style="background-color:#000000;"> <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__browser blockImage__browser--nav-hide blockImage__browser--video"> <video autoplay loop muted playsinline data-video data-src="https://media-cdn.area17.com/6d5dfd6c-a097-48bd-b189-55366a0868c9/bal-test-reel.mp4" type="video/mp4"></video> </div> </div> </div> <div class="blockImage blockImage--image blockImage--full-width"> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="4000" data-max-ratio="3500x2218"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/02835542-61e5-4f5d-a186-ebdad6bb3854/bal_02_mobile2x.png?crop=3500%2C2218%2C0%2C0" alt="Bal 02 Mobile" class="" /> </div> </div> </div> <div class="blockGrid"> <div class="blockImage blockImage--image "> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="800" data-max-ratio="1093x1640"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_1.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 1" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_2.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 2" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_3.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 3" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_4.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 4" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_5.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 5" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_6.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 6" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_7.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 7" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_8.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 8" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_9.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 9" class="" /> </div> </div> </div> <div class="blockImage blockImage--image "> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="800" data-max-ratio="1093x1640"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_2.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 2" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_3.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 3" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_4.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 4" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_5.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 5" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_6.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 6" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_7.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 7" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_8.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 8" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/e3e83fed-429a-4deb-8726-bc46efe87fc6/bal_mood_9.jpg?crop=1093%2C1640%2C0%2C0" alt="Bal Mood 9" class="" /> </div> </div> </div> </div> <div class="blockImage blockImage--website blockImage--websiteBottom "> <div class="blockImage__inner" style="background-color:#000000;"> <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__browser blockImage__browser--nav-hide "> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="2000" data-max-ratio="2880x4738"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/d5497888-2241-4072-9999-de170426fe73/bal_02a_plp-desktop2x.jpg2x.jpg?crop=2880%2C4738%2C0%2C0" alt="Bal 02a Plp Desktop2x Jpg" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/d5497888-2241-4072-9999-de170426fe73/bal_02b_plp-desktop2x.jpg2x.jpg?crop=2880%2C4738%2C0%2C0" alt="Bal 02b Plp Desktop2x Jpg" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/d5497888-2241-4072-9999-de170426fe73/bal_02c_plp-desktop2x.jpg2x.jpg?crop=2880%2C4738%2C0%2C0" alt="Bal 02c Plp Desktop2x Jpg" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/d5497888-2241-4072-9999-de170426fe73/bal_02d_plp-desktop2x.jpg2x.jpg?crop=2880%2C4738%2C0%2C0" alt="Bal 02d Plp Desktop2x Jpg" class="" /> </div> </div> </div> </div> <div class="blockText blockText--textCS"> <aside class="blockText__title"> <h4>A performant e-commerce experience</h4> </aside> <div class="blockText__text"> <p>With a devoted digital customer base, our priority was to improve all elements of Balenciaga’s e-commerce UX while also crafting a singular brand experience. </p><p>Our design facilitates product discovery and streamlines the browsing and check-out processes. With more consumers shopping on their phones, we fine-tuned both desktop and mobile navigation patterns, shortcuts and product lines, and introduced an improved product filtering system to accommodate a range of user habits.<br class="softbreak"></p> </div> </div> <div class="blockImage blockImage--image "> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--fade" data-slideshow data-slideshow-timing="2000" data-max-ratio="2800x1700"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/a2525ad2-79e8-469a-841c-803ee4bc7f76/bal-check-out-012x.jpg?crop=2800%2C1700%2C0%2C0" alt="Bal Check Out 01" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/a2525ad2-79e8-469a-841c-803ee4bc7f76/bal-check-out-022x.jpg?crop=2800%2C1700%2C0%2C0" alt="Bal Check Out 02" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/a2525ad2-79e8-469a-841c-803ee4bc7f76/bal-check-out-032x.jpg?crop=2800%2C1700%2C0%2C0" alt="Bal Check Out 03" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/a2525ad2-79e8-469a-841c-803ee4bc7f76/bal-check-out-042x.jpg?crop=2800%2C1700%2C0%2C0" alt="Bal Check Out 04" class="" /> </div> </div> </div> <div class="blockGrid"> <div class="blockImage blockImage--image blockImage--videoLeft"> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <video autoplay loop muted playsinline data-video data-src="https://media-cdn.area17.com/6fbbea1c-5f89-4ee9-9dfb-cc41a38fe053/bal_10_track_loop.mp4#t=0.1" ></video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </div> </div> <div class="blockImage blockImage--image "> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="4000" data-max-ratio="1360x1720"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/159d0602-a162-4a99-9264-ff70561f6ecc/bal_mood_09a2x.jpg?crop=1360%2C1720%2C0%2C0" alt="Bal Mood 09a" class="" /> </div> </div> </div> </div> <div class="blockImage blockImage--image "> <div class="blockImage__inner" style="background-color:#ffffff;" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="200" data-max-ratio="1399x600"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-11.svg" alt="Bal Bb Type 11" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-01.svg" alt="Bal Bb Type 01" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-10.svg" alt="Bal Bb Type 10" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-09.svg" alt="Bal Bb Type 09" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-08.svg" alt="Bal Bb Type 08" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-07.svg" alt="Bal Bb Type 07" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-06.svg" alt="Bal Bb Type 06" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-05.svg" alt="Bal Bb Type 05" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-04.svg" alt="Bal Bb Type 04" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-03.svg" alt="Bal Bb Type 03" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/23c05262-dd10-4ba3-a14c-f26d76e6c72b/bal-bb-type-02.svg" alt="Bal Bb Type 02" class="" /> </div> </div> </div> <div class="blockImage blockImage--image"> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <video autoplay loop muted playsinline data-video data-src="https://media-cdn.area17.com/de408f3d-a1a5-4842-b6ca-180f66a23cb1/bal_11_clones-show-S.mp4#t=0.1" ></video> <button class="videoBtn" data-behavior="video_toggle"> <span data-play hidden> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M15 10L6 15.1962L6 4.80385L15 10Z" fill="currentColor"/> </svg> <span class="visually-hidden">Play</span> </span> <span data-pause> <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <rect x="5" y="4" width="3" height="12" fill="currentColor"/> <rect x="12" y="4" width="3" height="12" fill="currentColor"/> </svg> <span class="visually-hidden">Pause</span> </span> </button> </div> </div> <div class="blockText blockText--textCS"> <aside class="blockText__title"> <h4>A distinctive brand expression</h4> </aside> <div class="blockText__text"> <p>In its early days, Balenciaga revolutionized the women's wear silhouette, and more recently, the brand fused high-end sportswear with couture. To celebrate this innovative legacy, we wanted our creative approach to embody a trailblazing, avant-garde brand spirit, while maintaining a high level of usability. </p><p>The uncluttered, minimal, almost brutalist interface provides the ideal canvas for the brand's exceptional, often exuberant creations. Simple yet bold, the design emphasizes innovative merchandising and promotes the brand's forward-thinking, inclusive and activist qualities.<br class="softbreak"></p> </div> </div> <div class="blockImage blockImage--image "> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--fade" data-slideshow data-slideshow-timing="2000" data-max-ratio="2800x1680"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/18ddf294-d4e6-4396-87a7-8cf2ce5a4be2/bal-nav-012x.jpg?crop=2800%2C1680%2C0%2C0" alt="Bal Nav 01" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/18ddf294-d4e6-4396-87a7-8cf2ce5a4be2/bal-nav-022x.jpg?crop=2800%2C1680%2C0%2C0" alt="Bal Nav 02" class="" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/18ddf294-d4e6-4396-87a7-8cf2ce5a4be2/bal-nav-032x.jpg?crop=2800%2C1680%2C0%2C0" alt="Bal Nav 03" class="" /> </div> </div> </div> <div class="blockImage blockImage--website blockImage--websiteCenter blockImage--website-video"> <div class="blockImage__inner" style="background-color:#000000;"> <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__browser blockImage__browser--nav-hide blockImage__browser--video"> <video autoplay loop muted playsinline data-video data-src="https://media-cdn.area17.com/d80424d1-2f39-43aa-9941-ab950fc7e1e8/bal_10_video-bag-pdp-S.mp4" type="video/mp4"></video> </div> </div> </div> <div class="blockImage blockImage--website blockImage--websiteBottom "> <div class="blockImage__inner" style="background-color:#000000;"> <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__browser blockImage__browser--nav-hide "> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="4000" data-max-ratio="1801x6171"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/a06165f9-dc10-4634-a836-aacc27134b17/bal_12a_collection2x.jpg?crop=1801%2C6171%2C0%2C0" alt="Bal 12a Collection" class="" /> </div> </div> </div> </div> <div class="blockText blockText--textCS"> <aside class="blockText__title"> <h4>Powerful, customized SFCC implementation</h4> </aside> <div class="blockText__text"> <p>To honor the range of Balenciaga’s palette — from playful streetwear to proto-couture runway looks to digital fashion drops for Fortnite — we implemented a modular design approach that can support seasonal collections, brand collaborations, and Balenciaga’s mixed-media merchandising approach.</p><p>The deep integration of our design system with the e-commerce solution SFCC provides a sustainable framework that ensures business performance and brand consistency.</p> </div> </div> <div class="blockImage blockImage--image "> <div class="blockImage__inner" > <div class="blockLoader"><div class="blockLoader__spin">/</div></div> <div class="blockImage__slides slideshow--cut" data-slideshow data-slideshow-timing="4000" data-max-ratio="2800x3636"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://media-cdn.area17.com/3637e83b-1ab2-48df-aa7a-61a50b35e841/bal_10a_system-mobile2x.jpg?crop=2800%2C3636%2C0%2C0" alt="Bal 10a Mobile Components" class="" /> </div> </div> </div> </article> </div> <div id="contentIndex" data-animate-clip class="content--filterall" data-filter-active="all"> </div> </div> <footer class="footer" id="footer"> <div class="footer__inner"> <div class="footer__col footer__col--right footer__col--flex"> <div class="footer__col-inner footer__col-inner--left"> <a href="#" data-newsletter-trigger class="typo--arrowed typo--borderedHover">Subscribe to our newsletter</a><br/> <a href="https://www.linkedin.com/company/area-17/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">LinkedIn</a> <a href="https://twitter.com/AREA_17_" target="_blank" rel="noopenner noreferrer" class="typo--bordered">X (Twitter)</a> <a href="https://www.instagram.com/AREA_17_/" target="_blank" rel="noopenner noreferrer" class="typo--bordered">Instagram</a> </div> <div class="footer__col-inner footer__col-inner--right"> <a href="https://archive.area17.com/" target="_blank" rel="noopenner noreferrer" class="typo--arrowed typo--external typo--borderedHover">2003—2024 archives</a> <br/> <a href="/dei" class="typo--bordered responsive-hide-show-text-container"><span class="hide-large-and-down body-copy">Diversity, Equity & Inclusion</span><abbr class="hide-large-and-up body-copy" title="Diversity, Equity & Inclusion">DEI</abbr></a> <a href="/privacy-policy" class="typo--bordered">Privacy policy</a> </div> </div> <div class="footer__col"> © AREA 17 <br/> <a id="lang_switcher" href=" https://area17.com/fr/projets/balenciaga-site " class="typo--bordered">Version française</a> </div> </div> <article class="newsletter" data-newsletter-section data-thanks="Thank you for subscribing" data-error="Enter a valid email address"> <form action="/api/newsletter" class="newsletter__form" data-behavior="newsletter_form" data-newsletter-form> <div class="newsletter__inner"> <div class="footer__col" data-newsletter-message data-default="Newsletter">Newsletter</div> <div class="footer__col footer__col--right"> <input id="fieldEmail" aria-label="email address" name="email_non_hp" type="email" placeholder="Email address" data-newsletter-email/> <button type="submit">Submit</button> </div> </div> </form> </article> </footer> </div> </div> <div class="panel__container" data-behavior="close_panel_overlay keyboard_panel_nav" data-panel-scroller data-close-confirm="Do you want to close this page? Changes that you made may not be saved." tabindex="0"> <div class="panel" data-behavior="close_panel_overlay"> <header class="panel__header"> <h2 class="panel__title" data-panel-title></h2> <button class="panel__close" data-behavior="close_panel"><i class="panel__closeIcon icon__close"></i><span class="panel__closeLabel"><span>Close</span></span></button> </header> <div class="panel__inner"> <div class="panel__dynamic" data-panel-content></div> <div class="panel__dynamic" data-panel-next></div> </div> </div> <div class="panel__mask"></div> </div> <script type="text/template" id="template_next"> <footer class="prefooter prefooter--casestudy prefooter--bordered"> <a href="{{url}}" data-behavior="show_panel" class="prefooter__text" data-next-panel> <span class="prefooter__content"> <span class="prefooter__next">Next</span> <span class="typo--title prefooter__arrowed"><span class="prefooter__hover">{{title}}</span></span> </span> </a> <a href="{{url_previous}}" data-behavior="show_panel" data-previous-panel class="hide"></a> </footer> </script> <div class="emailTicker" data-email-message><p></p></div> <script src="/build/js/application.min.f88e381c.js"></script> <script type="text/javascript" nonce="PHd2iFq2PNVd7wq2OUaLDMYqzEvx1oWo"> // LinkedIn Embed Code _linkedin_partner_id = '2142538'; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); // Leadfeeder Embed Code window.ldfdr = window.ldfdr || {}; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-2MV54H8MD4'); gtag('consent', 'default', { 'ad_storage': 'granted', 'analytics_storage': 'granted' }); // List of scripts to load if cookie consent window.A17.cookieScripts = [ { type: 'text/javascript', async: true, src: 'https://snap.licdn.com/li.lms-analytics/insight.min.js', // LinkedIn Embed Code }, { src: 'https://sc.lfeeder.com/lftracker_v1_lAxoEaKee17OYGd0.js' // Leadfeeder Embed Code }, { async: true, src: 'https://www.googletagmanager.com/gtag/js?id=G-2MV54H8MD4' // Google Analytics } ]; var _hsp = (window._hsp = window._hsp || []); _hsp.push(['addPrivacyConsentListener', function (consent) { A17.load3rdPartyScripts(consent.allowed); const currConsent = consent.categories; //load 3rd party scripts if consent.allowed is false but analytics is enabled //assumption is that all 3rd party scripts being loaded relate to analytics if ((consent.allowed === false) && (currConsent.analytics)) { A17.load3rdPartyScripts(currConsent.analytics); } let grantedConsent = { 'ad_storage': 'granted', 'analytics_storage': 'granted' }; if (currConsent.analytics === false) { grantedConsent.analytics_storage ='denied'; } if (currConsent.advertisement === false) { grantedConsent.ad_storage ='denied'; } gtag('consent', 'update', grantedConsent); }]); </script> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="https://js.hs-scripts.com/8770375.js"></script> <!-- End of HubSpot Embed Code --> </body> </html>