{"id":28853,"date":"2021-06-23T17:56:22","date_gmt":"2021-06-23T16:56:22","guid":{"rendered":"https:\/\/www.monartagency.com\/?post_type=project&#038;p=28853"},"modified":"2026-10-18T00:04:58","modified_gmt":"2026-10-17T23:04:58","slug":"studio-bopcity","status":"publish","type":"project","link":"https:\/\/www.monartagency.com\/fr\/project\/studio-bopcity\/","title":{"rendered":"Studio Bopcity \u2014 Site web, logo et flyer"},"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\/studio-bopcity-website-featured.jpg\u00a0\u00bb alt=\u00a0\u00bbAccueil de studiobopcity.fr sur ordinateur et mobile, site r\u00e9alis\u00e9 par Monart\u00a0\u00bb title_text=\u00a0\u00bbAccueil de studiobopcity.fr 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>Studio Bopcity<\/h1>\n<p class=\"mw-sub\" style=\"font-size:30px;line-height:1.25;margin-top:14px;opacity:.75;\">Site web, logo et flyer de lancement \u00b7 Paris<\/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><strong>Studio Bopcity<\/strong> est un studio de r\u00e9p\u00e9tition et d\u2019enregistrement \u00e0 Paris, pr\u00e8s de la porte de Pantin : trois salles de r\u00e9p\u00e9tition et un studio d\u2019enregistrement avec un piano \u00e0 queue Yamaha C7, pour le jazz, les musiques du monde et les musiques improvis\u00e9es. Nous avons dessin\u00e9 son logo et son site, <strong>studiobopcity.fr<\/strong>, en ligne depuis 2016, ainsi que le flyer qui a annonc\u00e9 le nouveau site.<\/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\/identite-visuelle\/\" style=\"color:#ec2785;\">Cr\u00e9ation du logo<\/a><\/li>\n<li><a href=\"https:\/\/www.monartagency.com\/fr\/services\/sites-web\/\" style=\"color:#ec2785;\">Conception et r\u00e9alisation du site<\/a> sous WordPress : accueil, studios de r\u00e9p\u00e9tition, studio d\u2019enregistrement, captation vid\u00e9o, r\u00e9f\u00e9rences, blog et contact, sur ordinateur et mobile<\/li>\n<li>Un bouton R\u00e9servez \u00e0 c\u00f4t\u00e9 du menu, sur toutes les pages<\/li>\n<li>Un flyer pour lancer le nouveau site<\/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 : Studio Bopcity, studio de r\u00e9p\u00e9tition et d\u2019enregistrement, Paris \u00b7 En ligne depuis 2016 \u00b7 <a href=\"https:\/\/www.studiobopcity.fr\/\" style=\"color:#ec2785;\" target=\"_blank\" rel=\"noopener\">studiobopcity.fr<\/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>Quelle salle, quel mat\u00e9riel<\/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>Chacune des trois salles de r\u00e9p\u00e9tition, A, B et C, a sa colonne : surface, nombre de musiciens, piano, batterie, amplis et tarifs \u00e0 l\u2019heure. La page Enregistrement d\u00e9taille le mat\u00e9riel, du piano \u00e0 queue Yamaha C7 et de la console analogique Studer 169 aux pr\u00e9amplis Neve 1073 et aux micros Neumann.<\/p>\n<p>La page R\u00e9f\u00e9rences cite les \u00e9coles et les labels qui travaillent au studio, parmi lesquels l\u2019IMEP Paris College of Music, la Bill Evans Piano Academy, Black and Blue et Gaya Music. Le blog suit les s\u00e9ances et l\u2019actualit\u00e9, comme le nouveau service de captation vid\u00e9o.<\/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\/studio-bopcity-website-rehearsal-studios.jpg\" alt=\"Page Studios de r\u00e9p\u00e9tition sur ordinateur et mobile\" \/><\/div>\n<div class=\"mvs-cap\"><b>Studio de r\u00e9p\u00e9tition<\/b><span>Trois salles c\u00f4te \u00e0 c\u00f4te<\/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\/studio-bopcity-website-recording-studio.jpg\" alt=\"Page Studio d\u2019enregistrement sur ordinateur et mobile\" \/><\/div>\n<div class=\"mvs-cap\"><b>Enregistrement<\/b><span>Le C7 et la liste du mat\u00e9riel<\/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\/studio-bopcity-website-references.jpg\" alt=\"Page R\u00e9f\u00e9rences sur ordinateur et mobile\" \/><\/div>\n<div class=\"mvs-cap\"><b>R\u00e9f\u00e9rences<\/b><span>Vid\u00e9os et discographie<\/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\/studio-bopcity-website-blog.jpg\" alt=\"Blog sur ordinateur et mobile\" \/><\/div>\n<div class=\"mvs-cap\"><b>Bopblog<\/b><span>S\u00e9ances et actualit\u00e9<\/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\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 max_width=\u00a0\u00bb1180px\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_2&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>Logo et flyer de lancement<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/www.monartagency.com\/wp-content\/uploads\/2020\/02\/bopcity-logo2-400x141-1.png\" alt=\"Logo de Studio Bopcity dessin\u00e9 par Monart\" width=\"260\" style=\"width:260px;height:auto;margin:6px 0 10px;\"><\/p>\n<p>Le logo pose \u00ab bop \u00bb en minuscules noires et grasses \u00e0 c\u00f4t\u00e9 de \u00ab CITY \u00bb en fines capitales rouges. \u00c0 la mise en ligne, un flyer a annonc\u00e9 la nouvelle : la nouvelle adresse, la r\u00e9servation, trois studios de r\u00e9p\u00e9tition et un studio d\u2019enregistrement.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_2&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\/2020\/02\/bopcity-nouveausite.jpg\u00a0\u00bb alt=\u00a0\u00bbFlyer annon\u00e7ant le nouveau site studiobopcity.fr, con\u00e7u par Monart\u00a0\u00bb title_text=\u00a0\u00bbFlyer annon\u00e7ant le nouveau site studiobopcity.fr, con\u00e7u 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_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||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\/studio-bopcity-website-mobile-trio.jpg\u00a0\u00bb alt=\u00a0\u00bbstudiobopcity.fr sur trois t\u00e9l\u00e9phones : accueil, studios de r\u00e9p\u00e9tition et d\u2019enregistrement\u00a0\u00bb title_text=\u00a0\u00bbstudiobopcity.fr sur trois t\u00e9l\u00e9phones : accueil, studios de r\u00e9p\u00e9tition et d\u2019enregistrement\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;\">studiobopcity.fr est le site de Studio Bopcity, studio de r\u00e9p\u00e9tition et d\u2019enregistrement \u00e0 Paris, pr\u00e8s de la porte de Pantin, avec trois salles de r\u00e9p\u00e9tition et un studio d\u2019enregistrement. Monart a dessin\u00e9 le logo du studio, con\u00e7u et r\u00e9alis\u00e9 le site sous WordPress, en ligne depuis 2016, et cr\u00e9\u00e9 le flyer qui l\u2019a annonc\u00e9.<\/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 : Studio Bopcity, Paris. Logo, site et flyer : 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>Un studio, une salle, une \u00e9cole ?<\/h2>\n<p>Nous concevons aussi des sites pour les lieux de musique, o\u00f9 les salles, le mat\u00e9riel et la r\u00e9servation se trouvent facilement.<\/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>Studio BopcitySite web, logo et flyer de lancement \u00b7 ParisStudio Bopcity est un studio de r\u00e9p\u00e9tition et d\u2019enregistrement \u00e0 Paris, pr\u00e8s de la porte de Pantin : trois salles de r\u00e9p\u00e9tition et un studio d\u2019enregistrement avec un piano \u00e0 queue Yamaha C7, pour le jazz, les musiques du monde et les musiques improvis\u00e9es. Nous avons [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19677419,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[44,41],"project_tag":[],"class_list":["post-28853","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-graphisme","project_category-site-web"],"_links":{"self":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project\/28853","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=28853"}],"version-history":[{"count":0,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project\/28853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/media\/19677419"}],"wp:attachment":[{"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/media?parent=28853"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project_category?post=28853"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/www.monartagency.com\/fr\/wp-json\/wp\/v2\/project_tag?post=28853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}