︎
projects
about
contact
</ifr</noscript></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="31739230"> [local-style="31739230"] .container_width { } [local-style="31739230"] body { } [local-style="31739230"] .backdrop { width: 100% /*!background_cover*/; } [local-style="31739230"] .page { min-height: 100vh /*!page_height_100vh*/; } [local-style="31739230"] .page_background { background-color: #fff /*!page_container_bgcolor*/; } [local-style="31739230"] .content_padding { padding-top: 0.8rem /*!main_margin*/; padding-bottom: 0.8rem /*!main_margin*/; padding-left: 0.8rem /*!main_margin*/; padding-right: 0.8rem /*!main_margin*/; } [data-predefined-style="true"] [local-style="31739230"] bodycopy { } [data-predefined-style="true"] [local-style="31739230"] bodycopy a { } [data-predefined-style="true"] [local-style="31739230"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="31739230"] h1 { font-size: 2rem; } [data-predefined-style="true"] [local-style="31739230"] h1 a { } [data-predefined-style="true"] [local-style="31739230"] h1 a:hover { } [data-predefined-style="true"] [local-style="31739230"] h2 { font-size: 2rem; line-height: 0.5; } [data-predefined-style="true"] [local-style="31739230"] h2 a { } [data-predefined-style="true"] [local-style="31739230"] h2 a:hover { } [data-predefined-style="true"] [local-style="31739230"] small { font-size: 1.9rem; } [data-predefined-style="true"] [local-style="31739230"] small a { } [data-predefined-style="true"] [local-style="31739230"] small a:hover { } [local-style="31739230"] .container { align-items: center /*!vertical_middle*/; -webkit-align-items: center /*!vertical_middle*/; text-align: right /*!text_right*/; margin-right: 0 /*!content_right*/; } </style> <div data-backdrop="wallpaper" class="backdrop" data-view="Backdrop" data-id="31739230"> <script type="text/json" data-set="backdrop_data">{"id":5414258,"site_id":1841133,"page_id":31739230,"backdrop_id":3,"backdrop_path":"wallpaper","is_active":true,"data":{"scale_option":"contain","repeat_image":false,"image_alignment":"image_center_center","margin":13,"pattern_size":87,"limit_size":false,"overlay_color":"transparent","bg_color":"transparent","cycle_images":true,"autoplay":true,"slideshow_transition":"fade","transition_timeout":1.5,"transition_duration":0.5,"randomize":false,"arrow_navigation":false,"focus_object":"{}","backdrop_viewport_lock":false,"use_image_focus":"false","image":"244678328","requires_webgl":"false"}}</script> </div> </div> <div data-container="page" class="page_container" split-responsive local-style="38379953" data-id="38379953"> <div class="page container container_width" data-container="content" data-id="38379953"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> <projectcontent><br> <a href="A-PROPOS" rel="history"> A scenography⁽³⁶⁰°⁾ agency dedicated to fashion and luxury since 2013 </a> <br> <br> <h1>From design to installation, including production, Atelier UTO is a trusted partner in managing creative projects, both permanent (objects, stores) and temporary (events, pop-up stores, showrooms, window displays).<br> <br> Through design, architecture, and objects, we help our clients bring a vision to life through a creative direction that is rigorous, thoughtful, and authentic.</h1> <br> <br> <a href="A-PROPOS" rel="history">learn more ︎︎︎</a><br><br> <br></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="38379953"> [local-style="38379953"] .container_width { width: 50%/*!variable_defaults*/; } [local-style="38379953"] body { background-color: initial /*!variable_defaults*/; } [local-style="38379953"] .backdrop { right: 0 /*!left_fit*/; width: calc(100% - 50%)/*!left_fit*/; } [local-style="38379953"] .page { min-height: auto /*!page_height_default*/; } [local-style="38379953"] .page_background { background-color: #000 /*!page_container_bgcolor*/; } [local-style="38379953"] .content_padding { padding-top: 4.9rem /*!main_margin*/; padding-bottom: 4.9rem /*!main_margin*/; padding-left: 4.9rem /*!main_margin*/; padding-right: 10rem /*!main_margin*/; } [data-predefined-style="true"] [local-style="38379953"] bodycopy { color: rgba(255, 255, 255, 1); } [data-predefined-style="true"] [local-style="38379953"] bodycopy a { color: rgba(255, 255, 255, 1); } [data-predefined-style="true"] [local-style="38379953"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="38379953"] h1 { color: rgb(255, 255, 255); font-size: 1.1rem; } [data-predefined-style="true"] [local-style="38379953"] h1 a { color: rgba(255, 255, 255, 1); } [data-predefined-style="true"] [local-style="38379953"] h1 a:hover { } [data-predefined-style="true"] [local-style="38379953"] h2 { color: rgba(255, 255, 255, 1); font-size: 3.3rem; } [data-predefined-style="true"] [local-style="38379953"] h2 a { color: rgba(255, 255, 255, 1); } [data-predefined-style="true"] [local-style="38379953"] h2 a:hover { } [data-predefined-style="true"] [local-style="38379953"] small { color: rgba(255, 255, 255, 1); line-height: 1.5; } [data-predefined-style="true"] [local-style="38379953"] small a { color: rgba(255, 255, 255, 1); } [data-predefined-style="true"] [local-style="38379953"] small a:hover { } [local-style="38379953"] .container { } </style> <div data-backdrop="video" class="backdrop" data-view="Backdrop" data-id="38379953"> <script type="text/json" data-set="backdrop_data">{"id":6837920,"site_id":1841133,"page_id":38379953,"backdrop_id":12,"backdrop_path":"video","is_active":true,"data":{"video_url":"https:\/\/www.youtube.com\/watch?v=XpUSfMhYb9o","scale_option":"cover","margin":0,"limit_size":false,"preset_image":"\/_jsapps\/backdrop\/video\/assets\/checkerboard_64.png","alpha":100,"color":"rgba(51,51,51,1)","use_mobile_image":false,"image":"248123516","hex":"#333","backdrop_viewport_lock":false,"using_preset":false,"preset_width":"16px","preset_height":"16px","image_active":false,"requires_webgl":"false"}}</script> </div> </div> <div data-container="page" class="page_container" split-responsive local-style="31745537" data-id="31745537"> <div class="page container container_width" data-container="content" data-id="31745537"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> <projectcontent><a href="A-PROPOS" rel="history"> Eco-design and upcycling <br><br> </a><h1><a href="A-PROPOS" rel="history"> <br> To integrate your retail, event, and architectural projects into a more environmentally responsible approach, Atelier UTO offers a comprehensive methodology. Each project has its own specific challenges and characteristics, and it is by addressing these requirements from the design stage that the most suitable and relevant solutions can be found.<br> <br> This applies to the materials used, as well as the manufacturing process, logistics, installation, and during dismantling—the reduction, repurposing, and reuse of the materials involved.<br> <br> We are here to support you throughout this entire process, so that together we can move as closely as possible toward a circular economy.<br> </a><br></h1><br> <small></small><small></small><a href="A-PROPOS" rel="history">learn more ︎︎︎</a><h1></h1></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="31745537"> [local-style="31745537"] .container_width { width: 50% /*!variable_defaults*/; } [local-style="31745537"] body { } [local-style="31745537"] .backdrop { width: calc(100% - 50%) /*!right_fit*/; left: 0 /*!right_fit*/; } [local-style="31745537"] .page { min-height: auto /*!page_height_default*/; } [local-style="31745537"] .page_background { background-color: rgb(255, 255, 255) /*!page_container_bgcolor*/; } [local-style="31745537"] .content_padding { padding-top: 7.7rem /*!main_margin*/; padding-bottom: 7.7rem /*!main_margin*/; padding-left: 4.5rem /*!main_margin*/; padding-right: 9rem /*!main_margin*/; } [data-predefined-style="true"] [local-style="31745537"] bodycopy { } [data-predefined-style="true"] [local-style="31745537"] bodycopy a { } [data-predefined-style="true"] [local-style="31745537"] h1 { font-size: 1rem; } [data-predefined-style="true"] [local-style="31745537"] h1 a { } [data-predefined-style="true"] [local-style="31745537"] h2 { } [data-predefined-style="true"] [local-style="31745537"] h2 a { } [data-predefined-style="true"] [local-style="31745537"] small { } [data-predefined-style="true"] [local-style="31745537"] small a { } [local-style="31745537"] .container { align-items: center /*!vertical_middle*/; -webkit-align-items: center /*!vertical_middle*/; text-align: left /*!text_left*/; margin-left: auto /*!content_right*/; margin-right: 0 /*!content_right*/; } [data-predefined-style="true"] [local-style="31745537"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="31745537"] h1 a:hover { } [data-predefined-style="true"] [local-style="31745537"] h2 a:hover { } [data-predefined-style="true"] [local-style="31745537"] small a:hover { } </style> <div data-backdrop="video" class="backdrop" data-view="Backdrop" data-id="31745537"> <script type="text/json" data-set="backdrop_data">{"id":5510086,"site_id":1841133,"page_id":31745537,"backdrop_id":12,"backdrop_path":"video","is_active":true,"data":{"video_url":"https:\/\/files.cargocollective.com\/c1841133\/ANIMATION-ECO.mp4","scale_option":"cover","margin":-11,"limit_size":false,"preset_image":"\/_jsapps\/backdrop\/video\/assets\/checkerboard_64.png","alpha":95,"color":"rgba(0, 0, 0, 1)","use_mobile_image":false,"image":"176774572","hex":"#000000","backdrop_viewport_lock":false,"using_preset":false,"preset_width":"16px","preset_height":"16px","image_active":false,"requires_webgl":"false"}}</script> </div> </div> <div data-container="page" class="page_container" local-style="31745538" data-id="31745538"> <div class="page container container_width" data-container="content" data-id="31745538"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> <projectcontent><div style="text-align: left;"><br> Clients<br></div> <br> <div grid-row="" grid-pad="0" grid-gutter="0" grid-responsive=""> <div grid-col="x12" grid-pad="0"><h2> <div class="marquee" speed="-8">ALEXANDER McQUEEN - ALAIA - CHANEL - DIOR - PRADA - CARHARTT - DODO - BACCARAT</div><div class="marquee" speed="9"> LACOSTE - BOTTEGA VENETTA -MARC JACOBS - CAMILLE FOURNET - BRIONI - COLUMBIA -<br> </div> <div class="marquee" speed="-19">THE NORTH FACE - PACO RABANNE - KENZO - CHURCH - DINH VAN - THELIOS - J. M. WESTON - SERGIO ROSSI - MIU MIU - POMELLATO - IRO</div><div class="marquee" speed="16"> - BETTY BUZZ - PAULE K- PANERAI - PARFUM FRANCIS KURDJIAN - VANS - SONIA RYKIEL - CONVERSE - DROLE DE MONSIEUR<br> </div> <div class="marquee" speed="-17">BACKPACK - CHAMPION - STELLA McCARTNEY - TILA MARCH -MO&CO - YVES SALOMON - CHAMPION</div> </h2></div> </div></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="31745538"> [local-style="31745538"] .container_width { } [local-style="31745538"] body { } [local-style="31745538"] .backdrop { width: 100% /*!background_cover*/; } [local-style="31745538"] .page { min-height: auto /*!page_height_default*/; } [local-style="31745538"] .page_background { background-color: #070707 /*!page_container_bgcolor*/; } [local-style="31745538"] .content_padding { padding-top: 3.4rem /*!main_margin*/; padding-bottom: 6.1rem /*!main_margin*/; padding-left: 3.4rem /*!main_margin*/; padding-right: 3.4rem /*!main_margin*/; } [data-predefined-style="true"] [local-style="31745538"] bodycopy { color: rgba(253, 250, 251, 0.99); } [data-predefined-style="true"] [local-style="31745538"] bodycopy a { } [data-predefined-style="true"] [local-style="31745538"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="31745538"] h1 { } [data-predefined-style="true"] [local-style="31745538"] h1 a { } [data-predefined-style="true"] [local-style="31745538"] h1 a:hover { } [data-predefined-style="true"] [local-style="31745538"] h2 { font-size: 4.7rem; line-height: 1.3; color: rgba(255, 252, 254, 0.99); } [data-predefined-style="true"] [local-style="31745538"] h2 a { } [data-predefined-style="true"] [local-style="31745538"] h2 a:hover { } [data-predefined-style="true"] [local-style="31745538"] small { color: rgba(255, 255, 255, 0.85); } [data-predefined-style="true"] [local-style="31745538"] small a { } [data-predefined-style="true"] [local-style="31745538"] small a:hover { } [local-style="31745538"] .container { align-items: center /*!vertical_middle*/; -webkit-align-items: center /*!vertical_middle*/; text-align: center /*!text_center*/; } </style> <div data-backdrop="wallpaper" class="backdrop" data-view="Backdrop" data-id="31745538"> <script type="text/json" data-set="backdrop_data">{"id":5415551,"site_id":1841133,"page_id":31745538,"backdrop_id":3,"backdrop_path":"wallpaper","is_active":true,"data":{"scale_option":"cover","repeat_image":false,"image_alignment":"image_center_center","margin":0,"pattern_size":100,"limit_size":false,"overlay_color":"rgb(0, 0, 0)","bg_color":"rgb(234, 215, 203)","cycle_images":false,"autoplay":true,"slideshow_transition":"slide","transition_timeout":2.5,"transition_duration":1,"randomize":false,"arrow_navigation":false,"focus_object":"{}","backdrop_viewport_lock":false,"use_image_focus":"false","image":"176774574","requires_webgl":"false"}}</script> </div> </div> </div> </div> <div data-autopaginate></div><div data-view="Thumbnail" data-set="GlobalThumbnails" class="thumbnails"> <div class="container thumbnails_width clearfix"> <div class="content content_padding"> <div class="thumbnails"> </div> </div> </div></div> </div> <div data-view="pinned_bottom" data-set="Scaffolding" data-position="bottom" class="pinned pinned_bottom"> <div class="page_container overlay accommodate bottom_pin_invisibility" local-style="31745884"> <div class="page container container_width clearfix" data-container="content" data-id="31745884"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> <projectcontent><div grid-row="" grid-pad="0" grid-gutter="0"> <div grid-col="x5" grid-pad="0"><div style="text-align: left"><img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/41ef49bf891bccb5441e3d7d9ab55417f3c674ed450fd2bf9244bcba436c6782/ezgif.com-video-to-gif-8.gif" data-mid="176776226" border="0" data-scale="30"/></div></div> <div grid-col="x5" grid-pad="0"></div> <div grid-col="x5" grid-pad="0"></div> <div grid-col="x5" grid-pad="0"></div> <div grid-col="x5" grid-pad="0"></div> <div grid-col="x5" grid-pad="0"></div> <div grid-col="x5" grid-pad="0"></div> <div grid-col="x5" grid-pad="0"></div> </div><div grid-row="" grid-pad="0" grid-gutter="0"> <div grid-col="x11" grid-pad="0"> <div style="text-align: left;"> <h1>ATELIER UTO<br> contact@atelieruto.com<br>+33 1 73 75 68 66<br>17 Rue de la Pierre Levée<br>75011 Paris<br> @atelieruto</h1> </div> </div> <div grid-col="x11" grid-pad="0"><br><br><div style="text-align: right;"><br> <small>︎ ︎</small></div></div> </div></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="31745884"> [local-style="31745884"] .container_width { } [local-style="31745884"] body { } [local-style="31745884"] .backdrop { } [local-style="31745884"] .page { min-height: auto /*!page_height_default*/; } [local-style="31745884"] .page_background { background-color: rgba(255, 255, 255, 1)/*!page_container_bgcolor*/; } [local-style="31745884"] .content_padding { padding-top: 2.7rem /*!main_margin*/; padding-bottom: 2.7rem /*!main_margin*/; padding-left: 2.7rem /*!main_margin*/; padding-right: 2.7rem /*!main_margin*/; } [data-predefined-style="true"] [local-style="31745884"] bodycopy { font-size: 1.8rem; color: rgb(0, 0, 0); } [data-predefined-style="true"] [local-style="31745884"] bodycopy a { color: rgb(0, 0, 0); } [data-predefined-style="true"] [local-style="31745884"] h1 { font-size: 1rem; } [data-predefined-style="true"] [local-style="31745884"] h1 a { } [data-predefined-style="true"] [local-style="31745884"] h2 { font-size: 6rem; color: rgb(0, 0, 0); } [data-predefined-style="true"] [local-style="31745884"] h2 a { color: rgb(0, 0, 0); } [data-predefined-style="true"] [local-style="31745884"] small { line-height: 1.3; font-size: 1rem; color: rgb(0, 0, 0); } [data-predefined-style="true"] [local-style="31745884"] small a { color: rgb(0, 0, 0); } [data-predefined-style="true"] [local-style="31745884"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="31745884"] h1 a:hover { } [data-predefined-style="true"] [local-style="31745884"] h2 a:hover { } [data-predefined-style="true"] [local-style="31745884"] small a:hover { } [local-style="31745884"] .container { text-align: center /*!text_center*/; align-items: flex-end /*!vertical_bottom*/; -webkit-align-items: flex-end /*!vertical_bottom*/; } </style> </div> <div class="page_container overlay fixed" local-style="31740007"> <div class="page container container_width clearfix" data-container="content" data-id="31740007"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> <projectcontent><div grid-row="" grid-pad="0" grid-gutter="0"> <div grid-col="x11" grid-pad="0"><h1><a href="#" rel="prev_page"></a></h1><div style="text-align: left"><h1><a href="https://www.instagram.com/atelieruto/" target="_blank" class="icon-link">︎</a> <a href="https://www.linkedin.com/company/atelier-uto/" target="_blank" class="icon-link">︎ </a><a href="tel:+3317375686617"></a><a href="https://www.google.com/maps/place/Atelier+Uto/@48.8678591,2.3674445,17z/data=!3m1!4b1!4m6!3m5!1s0x47e66de2f0571c8b:0x88c4bd85832ab83a!8m2!3d48.8678556!4d2.3700194!16s%2Fg%2F11b75nr3wz?hl=fr" target="_blank"></a></h1></div></div> <div grid-col="x11" grid-pad="0"> <h1><div style="text-align: right"><small><a href="tel:+3317375686617">+33 1 73 75 68 66 </a> <a href="https://www.google.com/maps/place/Atelier+Uto/@48.8678591,2.3674445,17z/data=!3m1!4b1!4m6!3m5!1s0x47e66de2f0571c8b:0x88c4bd85832ab83a!8m2!3d48.8678556!4d2.3700194!16s%2Fg%2F11b75nr3wz?hl=fr" target="_blank">17 Rue de la Pierre Levée 75011 Paris</a></small></div></h1> </div> </div></projectcontent> </div> </bodycopy> </div> <div class="page_background"></div> <style class="local-css" data-target="31740007"> [local-style="31740007"] .container_width { } [local-style="31740007"] body { background-color: initial /*!variable_defaults*/; } [local-style="31740007"] .backdrop { } [local-style="31740007"] .page { min-height: 100vh /*!page_height_100vh*/; } [local-style="31740007"] .page_background { background-color: transparent /*!page_container_bgcolor*/; } [local-style="31740007"] .content_padding { padding-top: 1rem /*!main_margin*/; padding-bottom: 1rem /*!main_margin*/; padding-left: 1rem /*!main_margin*/; padding-right: 1rem /*!main_margin*/; } [data-predefined-style="true"] [local-style="31740007"] bodycopy { } [data-predefined-style="true"] [local-style="31740007"] bodycopy a { } [data-predefined-style="true"] [local-style="31740007"] h1 { font-size: 1rem; } [data-predefined-style="true"] [local-style="31740007"] h1 a { } [data-predefined-style="true"] [local-style="31740007"] h2 { } [data-predefined-style="true"] [local-style="31740007"] h2 a { } [data-predefined-style="true"] [local-style="31740007"] small { line-height: 1.3; font-size: 1rem; color: rgba(0, 0, 0, 1); } [data-predefined-style="true"] [local-style="31740007"] small a { color: rgba(0, 0, 0, 1); } [data-predefined-style="true"] [local-style="31740007"] bodycopy a:hover { } [data-predefined-style="true"] [local-style="31740007"] h1 a:hover { } [data-predefined-style="true"] [local-style="31740007"] h2 a:hover { } [data-predefined-style="true"] [local-style="31740007"] small a:hover { } [local-style="31740007"] .container { text-align: center /*!text_center*/; align-items: flex-end /*!vertical_bottom*/; -webkit-align-items: flex-end /*!vertical_bottom*/; } </style> </div> </div> </div> <div data-content-ruler class="container container_width"></div> <style id="">/* * This CSS file has been generated and is served by Cargo Collective Inc * and is authorized to be used on Cargo Collective Inc only. * * This CSS resource incorporates links to font software which is * the valuable copyrighted property of WebType LLC, The Font Bureau * and/or their suppliers. You may not * attempt to copy, install, redistribute, convert, modify or reverse * engineer this font software. Please contact WebType with any * questions: http://www.webtype.com */ @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Regular.woff") format("woff"); font-style: normal; font-weight: normal; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Italic.woff") format("woff"); font-style: italic; font-weight: normal; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Medium.woff") format("woff"); font-style: normal; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-MediumItalic.woff") format("woff"); font-style: italic; font-weight: 500; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-Bold.woff") format("woff"); font-style: normal; font-weight: bold; unicode-range: U+0000-DFFF, U+F900-FFFD; } @font-face { font-display: block; font-family: "Neue Haas Grotesk"; src: url("https://type.cargo.site/files/NeueHaasGroteskText-BoldItalic.woff") format("woff"); font-style: italic; font-weight: bold; unicode-range: U+0000-DFFF, U+F900-FFFD; } </style> </body> </html>
