{"id":28868,"date":"2021-06-23T13:54:26","date_gmt":"2021-06-23T12:54:26","guid":{"rendered":"https:\/\/www.monartagency.com\/?post_type=project&#038;p=28868"},"modified":"2026-10-18T00:05:36","modified_gmt":"2026-10-17T23:05:36","slug":"hugo-sacchetti","status":"publish","type":"project","link":"https:\/\/www.monartagency.com\/fr\/project\/hugo-sacchetti\/","title":{"rendered":"Hugo Sacchetti \u2014 Site web"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_fullwidth_image src=\u00a0\u00bbhttps:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/hugo-sacchetti-website-featured.jpg\u00a0\u00bb alt=\u00a0\u00bbAccueil de hugosacchetti.com sur ordinateur et mobile, site r\u00e9alis\u00e9 par Monart\u00a0\u00bb title_text=\u00a0\u00bbAccueil de hugosacchetti.com sur ordinateur et mobile, site r\u00e9alis\u00e9 par Monart\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_fullwidth_image][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb background_color=\u00a0\u00bb#242424&Prime; custom_padding=\u00a0\u00bb160px||180px|||\u00a0\u00bb bottom_divider_style=\u00a0\u00bbramp2&Prime; bottom_divider_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb bottom_divider_height=\u00a0\u00bb195px\u00a0\u00bb bottom_divider_repeat=\u00a0\u00bb1x\u00a0\u00bb bottom_divider_flip=\u00a0\u00bbhorizontal\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb80px\u00a0\u00bb header_font_size_tablet=\u00a0\u00bb60px\u00a0\u00bb header_font_size_phone=\u00a0\u00bb48px\u00a0\u00bb header_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb]<\/p>\n<h1>Hugo Sacchetti<\/h1>\n<p class=\"mw-sub\" style=\"font-size:30px;line-height:1.25;margin-top:14px;opacity:.75;\">Site web \u00b7 Guitariste, compositeur et arrangeur \u00b7 2017<\/p>\n<p>[\/et_pb_text][et_pb_divider _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<p>Hugo Sacchetti est un guitariste, compositeur et arrangeur fran\u00e7ais bas\u00e9 \u00e0 Paris, qui compose et arrange aussi pour l\u2019image. Avec les commandes qui arrivaient, il lui fallait un endroit simple pour montrer ce travail. En 2017, nous avons con\u00e7u et r\u00e9alis\u00e9 <strong>hugosacchetti.com<\/strong> : un site court, fait pour \u00e9voluer, centr\u00e9 sur son portfolio de musique \u00e0 l\u2019image.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<h2>Ce que nous avons fait<\/h2>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb _dynamic_attributes=\u00a0\u00bbcontent\u00a0\u00bb text_text_color=\u00a0\u00bb#ec2785&Prime; link_font=\u00a0\u00bb|600|||||||\u00a0\u00bb link_text_color=\u00a0\u00bb#ec2785&Prime; link_font_size=\u00a0\u00bb20px\u00a0\u00bb link_font_size_phone=\u00a0\u00bb14px\u00a0\u00bb link_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb]@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9jYXRlZ29yaWVzIiwic2V0dGluZ3MiOnsiYmVmb3JlIjoiIiwiYWZ0ZXIiOiIiLCJsaW5rX3RvX3Rlcm1fcGFnZSI6Im9uIiwic2VwYXJhdG9yIjoiIHwgIiwiY2F0ZWdvcnlfdHlwZSI6InByb2plY3RfY2F0ZWdvcnkifX0=@[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<ul>\n<li><a href=\"https:\/\/www.monartagency.com\/fr\/services\/sites-web\/\" style=\"color:#ec2785;\">Conception et r\u00e9alisation d\u2019un site de musicien<\/a> sous WordPress : accueil, musique \u00e0 l\u2019image, projets musicaux et contact, sur ordinateur et mobile<\/li>\n<li>Une page Film Scoring pour pr\u00e9senter son travail pour l\u2019image<\/li>\n<li>Des adresses e-mail professionnelles sur son nom de domaine<\/li>\n<\/ul>\n<\/div>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb ]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<p style=\"opacity:.75;\">Client : Hugo Sacchetti, guitariste et compositeur, Paris \u00b7 En ligne depuis 2017 \u00b7 <a href=\"https:\/\/hugosacchetti.com\/\" style=\"color:#ec2785;\" target=\"_blank\" rel=\"noopener\">hugosacchetti.com<\/a><\/p>\n<\/div>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb40px||70px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb1_3&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_font_size=\u00a0\u00bb54px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb36px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_line_height=\u00a0\u00bb1.05em\u00a0\u00bb]<\/p>\n<h2>La musique \u00e0 l\u2019image d\u2019abord<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb2_3&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb]<\/p>\n<p>L\u2019accueil s\u2019ouvre sur une photo plein \u00e9cran de Hugo avec sa guitare, son nom en orange, puis une courte biographie : composition et arrangement \u00e0 l\u2019American School of Modern Music, les conservatoires de Paris et de Montreuil, une ann\u00e9e \u00e0 l\u2019ISA de La Havane.<\/p>\n<p>La page Film Scoring pr\u00e9sente son travail pour l\u2019image, chaque titre avec son style, funk, \u00e9lectro, hip-hop, cumbia ou jazz, \u00e0 \u00e9couter sur la page. Contact r\u00e9unit t\u00e9l\u00e9phone, e-mail, formulaire et r\u00e9seaux sociaux, avec les cr\u00e9dits des photographes.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb background_color=\u00a0\u00bb#242424&Prime; custom_padding=\u00a0\u00bb100px||100px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_3_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_2_font_size=\u00a0\u00bb54px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb36px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb header_2_line_height=\u00a0\u00bb1.05em\u00a0\u00bb]<\/p>\n<div class=\"mw\">\n<style>.mw,.mw p,.mw li,.mw h1,.mw h2,.mw h3,.mw em,.mw strong{color:#fff!important}<\/style>\n<h2>Sur tous les \u00e9crans<\/h2>\n<p>Ordinateur et mobile : chaque page est pens\u00e9e pour les deux.<\/p>\n<\/div>\n<p>[\/et_pb_text][et_pb_code _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<style>\n.mvs{position:relative;margin:0 auto;max-width:1180px}\n.mvs-track{display:flex;gap:22px;overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px}\n.mvs-track::-webkit-scrollbar{display:none}\n.mvs-track.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}\n.mvs-card{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column}\n.mvs-media{position:relative;height:min(62vh,480px);border-radius:14px;overflow:hidden;background:#111;cursor:pointer}\n.mvs-v .mvs-media{aspect-ratio:9\/16;border:0;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.35)}\n.mvs-h .mvs-media{aspect-ratio:16\/9;border:9px solid #0b0b0b;border-radius:22px;box-shadow:0 0 0 2px #3a3a3a,0 18px 40px rgba(0,0,0,.45)}\n.mvs-media img,.mvs-media video,.mvs-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}\n.mvs-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:#ec2785;box-shadow:0 6px 24px rgba(0,0,0,.35);pointer-events:none}\n.mvs-play:after{content:\"\";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}\n.mvs-cap{width:0;min-width:100%;margin-top:10px;font-size:13px;line-height:1.4;max-width:100%;color:#fff}\n.mvs-cap b{color:#ec2785;font-weight:600;display:block}\n.mvs-cap span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;opacity:.8;color:#fff}\n.mvs-nav{display:flex;justify-content:flex-end;gap:22px;margin-bottom:12px}\n.mvs-nav button{background:none;border:0;color:#fff;font-size:26px;cursor:pointer;padding:0;opacity:.8}\n.mvs-nav button:hover{opacity:1;color:#ec2785}\n@media(min-width:901px){.mvs-v{flex:0 0 calc((100% - 88px)\/5)}.mvs-v .mvs-media{height:auto;width:100%}.mvs-h{flex:0 0 calc((100% - 22px)*0.6)}.mvs-h .mvs-media{height:auto;width:100%}}\n@media(max-width:900px){.mvs-nav{gap:16px;margin-bottom:8px}.mvs-nav button{font-size:24px;padding:4px 6px}.mvs-v{flex:0 0 62%}.mvs-v .mvs-media{height:auto;width:100%}.mvs-h{flex:0 0 88%}.mvs-h .mvs-media{height:auto;width:100%}}\n.mvs-nav.off{visibility:hidden}\n.mvs-media.mvs-img{cursor:inherit}\n.mvs-v.mvs-plain .mvs-media{background:#fff}\n.mvs-v.mvs-plain .mvs-media img{object-position:top}\n@media(min-width:901px){.mvs-v.mvs-plain{flex:0 0 calc((100% - 66px)\/4)}.mvs-half .mvs-v,.mvs-half .mvs-v.mvs-plain{flex:0 0 calc((100% - 22px)\/2.25)}}\n.mvs-h.mvs-plain .mvs-media{aspect-ratio:16\/10;border:0;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.28);background:#fff}\n.mvs-h.mvs-plain .mvs-media img{object-fit:cover}\n.mvs-media.mvs-fit img{object-fit:contain;background:#fff}\n.mvs-media img,.mvs-media video{-webkit-user-drag:none;user-select:none}\n.mvs-box{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:999999;display:none;align-items:center;justify-content:center}\n.mvs-box.on{display:flex}\n.mvs-box .mvs-in{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n.mvs-box iframe,.mvs-box video{width:100%;height:100%;border:0;object-fit:contain}\n.mvs-x{position:absolute;top:14px;right:18px;font-size:34px;color:#fff;background:none;border:0;cursor:pointer;z-index:2}\nbody.mvs-lock{overflow:hidden}\n.mvs-media.mvs-blur{border:0!important;background:#111!important;box-shadow:0 18px 40px rgba(0,0,0,.30)!important;border-radius:16px!important}\n.mvs-blur .mvs-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(24px) saturate(1.15) brightness(.72);transform:scale(1.08)}\n.mvs-media.mvs-blur img{position:absolute;inset:7% 7%;width:86%;height:86%;object-fit:contain!important;background:none!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55));z-index:1}\n<\/style>\n<div class=\"mvs\">\n<div class=\"mvs-nav\"><button class=\"mvs-prev\" aria-label=\"Previous\">&larr;<\/button><button class=\"mvs-next\" aria-label=\"Next\">&rarr;<\/button><\/div>\n<div class=\"mvs-track\">\n<div class=\"mvs-card mvs-h mvs-plain\">\n<div class=\"mvs-media mvs-img\" data-type=\"img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/hugo-sacchetti-website-film-scoring.jpg\" alt=\"Page Film Scoring sur ordinateur et mobile\" \/><\/div>\n<div class=\"mvs-cap\"><b>Film Scoring<\/b><span>Chaque titre, son style<\/span><\/div>\n<\/div>\n<div class=\"mvs-card mvs-h mvs-plain\">\n<div class=\"mvs-media mvs-img\" data-type=\"img\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/hugo-sacchetti-website-contact.jpg\" alt=\"Page Contact sur ordinateur et mobile\" \/><\/div>\n<div class=\"mvs-cap\"><b>Contact<\/b><span>T\u00e9l\u00e9phone, e-mail, formulaire<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\n(function(){\nvar mvs=document.querySelectorAll('.mvs');\nmvs.forEach(function(root){\n if(root.dataset.ready)return; root.dataset.ready='1';\n var track=root.querySelector('.mvs-track');\n var prev=root.querySelector('.mvs-prev'), next=root.querySelector('.mvs-next');\n function step(dir){ var cards=track.querySelectorAll('.mvs-card'); var x=track.scrollLeft, base=track.getBoundingClientRect().left, target=null; cards.forEach(function(c){ var off=c.getBoundingClientRect().left-base+x; if(dir>0&&target===null&&off>x+5)target=off; if(dir<0&#038;&#038;off<x-5)target=off; }); if(target===null)target=dir>0?track.scrollWidth:0; var x0=track.scrollLeft; track.scrollTo({left:target,behavior:'smooth'}); setTimeout(function(){ if(Math.abs(track.scrollLeft-x0)<2)track.scrollLeft=target; },450); }\n\n var down=false,moved=false,sx=0,sl=0;\n track.addEventListener('pointerdown',function(e){ if(e.pointerType!=='mouse'||track.scrollWidth<=track.clientWidth+2)return; e.preventDefault(); down=true;moved=false;sx=e.clientX;sl=track.scrollLeft; });\n track.addEventListener('dragstart',function(e){e.preventDefault();});\n window.addEventListener('pointermove',function(e){ if(!down)return; var dx=e.clientX-sx; if(Math.abs(dx)>5){moved=true;track.classList.add('drag');} if(moved)track.scrollLeft=sl-dx; });\n window.addEventListener('pointerup',function(){ if(!down)return; down=false; setTimeout(function(){track.classList.remove('drag');},30); });\n track.addEventListener('click',function(e){ if(moved){e.stopPropagation();e.preventDefault();moved=false;} },true);<\/p>\n<p> track.addEventListener('wheel',function(e){ if(track.scrollWidth<=track.clientWidth+2)return; var d=Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY; var max=track.scrollWidth-track.clientWidth; if((d>0&&track.scrollLeft<max-1)||(d<0&#038;&#038;track.scrollLeft>1)){ e.preventDefault(); track.scrollLeft+=d; } },{passive:false});\n var nav=root.querySelector('.mvs-nav'); function chk(){ if(nav){ if(track.scrollWidth<=track.clientWidth+2)nav.classList.add('off'); else nav.classList.remove('off'); } } chk(); window.addEventListener('resize',chk); setTimeout(chk,800);\n if(prev)prev.addEventListener('click',function(){step(-1)});\n if(next)next.addEventListener('click',function(){step(1)});\n});\nvar box=document.querySelector('.mvs-box');\nif(!box){box=document.createElement('div');box.className='mvs-box';box.innerHTML='<button class=\"mvs-x\" aria-label=\"Close\">&times;<\/button><\/p>\n<div class=\"mvs-in\"><\/div>\n<p>';document.body.appendChild(box);}\nvar inner=box.querySelector('.mvs-in');\nfunction ytSrc(id){return 'https:\/\/www.youtube-nocookie.com\/embed\/'+id+'?autoplay=1&rel=0&playsinline=1';}\nfunction resetAll(except){\n document.querySelectorAll('.mvs-media').forEach(function(m){\n  if(m===except)return;\n  var v=m.querySelector('video'); if(v){ if(!v.paused)v.pause(); v.controls=false; if(v.currentTime>0)v.load(); var pp=m.querySelector('.mvs-play'); if(pp)pp.style.display='';}\n  var f=m.querySelector('iframe'); if(f){f.remove(); var i=m.querySelector('img'); if(i)i.style.display=''; var p=m.querySelector('.mvs-play'); if(p)p.style.display='';}\n });\n}\nfunction closeBox(fromPop){ if(!box.classList.contains('on'))return; box.classList.remove('on'); inner.innerHTML=''; document.body.classList.remove('mvs-lock'); if(!fromPop&&history.state&&history.state.mvs)history.back(); }\nbox.addEventListener('click',function(e){ if(e.target===box||e.target.classList.contains('mvs-x')||e.target===inner)closeBox(false); });\ndocument.addEventListener('keydown',function(e){ if(e.key==='Escape')closeBox(false); });\nwindow.addEventListener('popstate',function(){ closeBox(true); });\nvar mobile=window.matchMedia('(max-width:900px)');\ndocument.querySelectorAll('.mvs-media').forEach(function(m){\n if(m.dataset.bound)return; m.dataset.bound='1';\n m.addEventListener('click',function(){\n  var t=m.dataset.type; if(t==='img')return;\n  resetAll(m);\n  if(mobile.matches){\n   if(t==='yt'){inner.innerHTML='<iframe allow=\"autoplay; encrypted-media; picture-in-picture\" allowfullscreen src=\"'+ytSrc(m.dataset.id)+'\"><\/iframe>';}\n   else{var v=m.querySelector('video'); if(v)v.pause(); inner.innerHTML='<video controls playsinline autoplay src=\"'+m.dataset.src+'\"><\/video>';}\n   box.classList.add('on'); document.body.classList.add('mvs-lock'); history.pushState({mvs:1},'');\n   return;\n  }\n  if(t==='yt'){ if(m.querySelector('iframe'))return; var f=document.createElement('iframe'); f.setAttribute('allow','autoplay; encrypted-media; picture-in-picture'); f.setAttribute('allowfullscreen',''); f.src=ytSrc(m.dataset.id); var i=m.querySelector('img'); if(i)i.style.display='none'; var p=m.querySelector('.mvs-play'); if(p)p.style.display='none'; m.appendChild(f); }\n  else{ var v=m.querySelector('video'); if(v){ if(!v.controls){v.controls=true;} var p=m.querySelector('.mvs-play'); if(p)p.style.display='none'; if(v.paused)v.play(); } }\n });\n var vv=m.querySelector('video'); if(vv)vv.addEventListener('play',function(){resetAll(m);});\n});\n})();\n<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb60px||80px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/www.monartagency.com\/wp-content\/uploads\/2026\/10\/hugo-sacchetti-website-mobile-trio.jpg\u00a0\u00bb alt=\u00a0\u00bbhugosacchetti.com sur trois t\u00e9l\u00e9phones : accueil, musique \u00e0 l\u2019image et contact\u00a0\u00bb title_text=\u00a0\u00bbhugosacchetti.com sur trois t\u00e9l\u00e9phones : accueil, musique \u00e0 l\u2019image et contact\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb60px||30px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb max_width=\u00a0\u00bb900px\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb]<\/p>\n<details style=\"border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);padding:18px 0;\">\n<summary style=\"cursor:pointer;font-weight:600;font-size:20px;\">\u00c0 propos du projet<\/summary>\n<p style=\"margin-top:16px;\">hugosacchetti.com est le site de Hugo Sacchetti, guitariste, compositeur et arrangeur fran\u00e7ais bas\u00e9 \u00e0 Paris, qui compose et arrange aussi pour l\u2019image. Monart a con\u00e7u et r\u00e9alis\u00e9 le site sous WordPress en 2017, avec une page Film Scoring pour son travail \u00e0 l\u2019image, et mis en place ses adresses e-mail professionnelles.<\/p>\n<\/details>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb]<\/p>\n<h3>Cr\u00e9dits<\/h3>\n<p>Client : Hugo Sacchetti, guitariste, compositeur et arrangeur. Site : Monart Music Agency.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb60px||60px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb text_font=\u00a0\u00bbMallory Compact Light|300|||||||\u00a0\u00bb text_font_size=\u00a0\u00bb19px\u00a0\u00bb text_line_height=\u00a0\u00bb1.75em\u00a0\u00bb text_orientation=\u00a0\u00bbcenter\u00a0\u00bb]<\/p>\n<h2>Vous composez pour l\u2019image ?<\/h2>\n<p>Nous concevons des sites de musiciens qui mettent le travail en avant, pour qu\u2019un r\u00e9alisateur l\u2019entende en quelques clics.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=\u00a0\u00bbhttps:\/\/www.monartagency.com\/fr\/contact\/\u00a0\u00bb button_text=\u00a0\u00bbParlons-en\u00a0\u00bb button_alignment=\u00a0\u00bbcenter\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb custom_padding=\u00a0\u00bb40px||120px|||\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb ]<\/p>\n<h2 style=\"text-align: center;\">Plus de projets<\/h2>\n<p>[\/et_pb_text][et_pb_blog fullwidth=\u00a0\u00bboff\u00a0\u00bb post_type=\u00a0\u00bbproject\u00a0\u00bb posts_number=\u00a0\u00bb3&Prime; show_author=\u00a0\u00bboff\u00a0\u00bb show_date=\u00a0\u00bboff\u00a0\u00bb show_categories=\u00a0\u00bboff\u00a0\u00bb show_excerpt=\u00a0\u00bboff\u00a0\u00bb show_pagination=\u00a0\u00bboff\u00a0\u00bb header_font_size=\u00a0\u00bb14px\u00a0\u00bb border_radii=\u00a0\u00bbon|20px|20px|20px|20px\u00a0\u00bb border_width_all_image=\u00a0\u00bb0px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime; box_shadow_vertical=\u00a0\u00bb16px\u00a0\u00bb box_shadow_blur=\u00a0\u00bb96px\u00a0\u00bb box_shadow_spread=\u00a0\u00bb-24px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hugo SacchettiSite web \u00b7 Guitariste, compositeur et arrangeur \u00b7 2017Hugo Sacchetti est un guitariste, compositeur et arrangeur fran\u00e7ais bas\u00e9 \u00e0 Paris, qui compose et arrange aussi pour l\u2019image. Avec les commandes qui arrivaient, il lui fallait un endroit simple pour montrer ce travail. En 2017, nous avons con\u00e7u et r\u00e9alis\u00e9 hugosacchetti.com : un site court, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19677438,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[41],"project_tag":[],"class_list":["post-28868","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-site-web"],"_links":{"self":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project\/28868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/comments?post=28868"}],"version-history":[{"count":0,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project\/28868\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/media\/19677438"}],"wp:attachment":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/media?parent=28868"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project_category?post=28868"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project_tag?post=28868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}