ブランドブック制作 | 蔦屋書店 for Business | 「蔦屋書店」がメディアになる。そのおもしろさと強み

<html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ブランドブック制作 | 蔦屋書店 for Business | 「蔦屋書店」がメディアになる。そのおもしろさと強み</title> <meta name="keywords" content="蔦屋書店 for Business,蔦屋書店,ライフスタイル,TSUTAYA,ブランドブック制作"> <meta name="description" content="ブランドストーリーや商品ストーリーなど、伝えたい思いを冊子やタブロイドに">   <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@ropponmatsu_t"> <meta name="twitter:creator" content="@ropponmatsu_t"> <meta property="og:title" content="ブランドブック制作 | 蔦屋書店 for Business"> <meta property="og:type" content="website"> <meta property="og:url" content="https://store.tsite.jp/for-business/media-brandbook/"> <meta property="og:image" content="/static_contents/site/tsite/for-business/img/media-brandbook/key.jpg"> <meta property="og:description" content="ブランドブック制作のご紹介です。"> <meta property="og:locale" content="ja_JP"> <meta property="og:site_name" content="蔦屋書店 for Business">   <meta name="viewport" content="width=device-width,maximum-scale=1,user-scalable=yes"> <meta name="format-detection" content="telephone=no">  <script type="text/javascript" src="/static_contents/site/tsite/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="/static_contents/site/tsite/js/slick/slick.min.js"></script> <script type="text/javascript" src="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.js"></script> <link rel="stylesheet" href="/static_contents/site/tsite/js/slick/slick.css" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/js/slick/slick-theme.css" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/js/cfl_calendar/cfl_calendar.css" type="text/css">  <script type="text/javascript"> var show_search = 0; $(function() { //モバイル表示かどうかを判定 var checkDispMobile = function() { if ($(window).width() > 768) { return false; } else { return true; } }; //初期値を取得 $.isDispMobile = checkDispMobile(); //ウィンドウリサイズイベント $(window).resize(function() { var oldDispMobile = $.isDispMobile; $.isDispMobile = checkDispMobile(); //モバイルとPCの表示が切り替わったら if (oldDispMobile != $.isDispMobile) { //モバイル表示切り替えイベントを発生させる $(window).trigger('changedispmobile'); } }); $(document).ready(function(){ function matchFunction(){ // ③windowサイズを変更して、768px以下になったら発火するイベント window.location = window.location; if(window.matchMedia("(min-width:768px)").matches){ // ④windowサイズを変更して、769px以上になったら発火するイベント window.location = window.location; } } window.matchMedia("(max-width:768px)").addListener(matchFunction); }); //検索処理 $.search = function(word) { if (word !== undefined && word !== '') { //window.location.href = './search.html?q=%7B"key":"' + word + '"%7D'; $("#head_search_form").submit(); // window.location.href = './?input_search_word=' + word; } } //検索ボタンクリックイベント $('#head_menu_search').on('click', function(e) { //alert(); $('#head_search_box').fadeIn(100); $('#head_search_box #head_search_input').focus(); setTimeout(function() { show_search = 1; }, 100); }); //検索inputクリックイベント $('.gnav_search ').on('click', function(e) { //以降のイベントを中断 e.preventDefault(); e.stopImmediatePropagation(); }); //検索inputキー押下イベント $('#head_search_box #head_search_input').on('keypress', function(e) { if (e.which == 13) { $.search($('#head_search_box #head_search_input').val()); } }); //検索エリアを閉じるfunction var closeSearchArea = function() { if (show_search == 1) { show_search = 0; $('#head_search_box').fadeOut(0); } }; //bodyクリックで検索エリアを閉じる // $('#head_search_close').on('click', function(e) { closeSearchArea(); }); //$('body').on('click', closeSearchArea); //モバイル表示の切り替え $(window).on('changedispmobile', function() { //検索エリアを閉じる closeSearchArea(); //ついてきている上部メニューを再計算 $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); $('.gnav_menu').css('position', ''); $(window).trigger('scroll'); }); //検索処理 $.searchsp = function(word) { if (word !== undefined && word !== '') { //window.location.href = './search.html?q=%7B"key":"' + word + '"%7D'; $("#head_search_form_sp").submit(); // window.location.href = './?input_search_word=' + word; } } //検索inputキー押下イベント $('.gnav_search_box input').on('keypress', function(e) { if (e.which == 13) { $.searchsp($('.gnav_search_box #head_search_input_sp').val()); } }); $('#search_btn_sp').on('click', function(e) { $.searchsp($('.gnav_search_box #head_search_input_sp').val()); }); //メニューが上部についてくる処理 /*$(window).on('scroll', function() { if ($.isDispMobile) { var menuBody = $('#main_menu_body'); //メニューが非表示だったら if (menuBody.css('visibility') == 'hidden') { if ($(window).scrollTop() > $('.gnav_menu_bt').offset().top) { $('.gnav_menu_bt .bt_menu').css('position', 'fixed'); $('.gnav_menu_bt .bt_onlineshop').css('position', 'fixed'); } else { $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); } } } else { if ($(window).scrollTop() > $('#main_menu_body').offset().top) { $('header').css('position', 'fixed'); $('#head_search_box').css('top', '57px'); } else { $('header').css('position', ''); $('#head_search_box').css('top', '149px'); } } });*/ //メニューを開く前のスクロール位置保持用 var beforeShowMenuScroll = 0; //メニューエリアを閉じるfunction var closeMenuArea = function() { //スクロール位置をメニュー表示前の状態に戻す $(window).scrollTop(beforeShowMenuScroll); //非表示にする var menuBody = $('header.hide_pc #main_menu_body, header.hide_pc #main_menu_body_online'); menuBody.css('visibility', ''); menuBody.css('transition', ''); menuBody.css('top', '-40px'); //スクロールの位置によってメニューボタンのpositionを決める if ($(window).scrollTop() > $('.gnav_menu_bt').offset().top) { $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); } else { $('.gnav_menu_bt .bt_menu').css('position', ''); $('.gnav_menu_bt .bt_onlineshop').css('position', ''); } } //メニューボタンクリックでメニューの表示切り替え $('.gnav_menu_bt .bt_menu').on('click', function() { var menuBody = $('header.hide_pc #main_menu_body'); //メニューが非表示だったら if (menuBody.css('visibility') == 'hidden') { //メニューエリアを閉じる closeMenuArea(); //スクロール位置を保持 beforeShowMenuScroll = $(window).scrollTop(); //表示する menuBody.css('visibility', 'visible'); menuBody.css('transition', '0.5s'); menuBody.css('top', '0px'); $('#main_menu_body li') .css({ left: '0px', opacity: 1 }) .each(function(i) { $(this).delay(20 * i) .animate({ left: '0', opacity: 1 }, 50); }); //メニューボタンを上部に固定する $('.gnav_menu_bt .bt_menu').css('position', 'fixed'); $('.gnav_menu_bt .bt_onlineshop').css('position', 'fixed'); } else { //メニューエリアを閉じる closeMenuArea(); } }); // SHOPPINGボタンクリックでメニューの表示切り替え $('.gnav_menu_bt .bt_onlineshop').on('click', function() { var menuBody = $('header.hide_pc #main_menu_body_online'); //メニューが非表示だったら if (menuBody.css('visibility') == 'hidden') { //メニューエリアを閉じる closeMenuArea(); //スクロール位置を保持 beforeShowMenuScroll = $(window).scrollTop(); //表示する menuBody.css('visibility', 'visible'); menuBody.css('transition', '0.5s'); menuBody.css('top', '0px'); $('#main_menu_body_online li') .css({ left: '0px', opacity: 1 }) .each(function(i) { $(this).delay(20 * i) .animate({ left: '0', opacity: 1 }, 50); }); //メニューボタンを上部に固定する $('.gnav_menu_bt .bt_menu').css('position', 'fixed'); $('.gnav_menu_bt .bt_onlineshop').css('position', 'fixed'); } else { //メニューエリアを閉じる closeMenuArea(); } }); //CLOSEボタンクリック $('.gnav_close a').on('click', function() { //メニューエリアを閉じる closeMenuArea(); }); //TOPボタンの表示切り替え $(window).on('scroll', function() { var bt = $('#bt_to_top'); if ($(window).scrollTop() > 880) { if (bt.css('display') == 'none') { bt.fadeIn('slow'); } } else { if (bt.css('display') == 'block') { $('#bt_to_top').fadeOut('slow'); } } }); //TOPに戻るボタンクリック $('#bt_to_top').on('click', function() { $('html,body').animate({ scrollTop: 0 }, 'slow'); }); //PCヘッダースクロールでクラス名付与 $(function() { var $win = $(window), $main = $('main'), $pc_header = $('header.hide_sp'), headerHeight = $pc_header.outerHeight(), animationClass = 'is-animation'; $main.css('display', 'block'); $main.css('padding-top', headerHeight + 'px' ); $win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > 100 ) { $pc_header.addClass(animationClass); } else { $pc_header.removeClass(animationClass); $main.css('padding-top', headerHeight + 'px' ); } }); }); //SPヘッダースクロールでメニュー出し入れ if ($.isDispMobile) { $(function() { var $win = $(window), $sp_header = $('header.hide_pc'), $main = $('main'), headerHeight = $sp_header.outerHeight(), startPos = 0; $sp_header.css('top', '0'); $main.css('padding-top', headerHeight + 'px' ); $win.on('load scroll', function() { //スクロールする値を取得 var value = $(this).scrollTop(); headerHeight = $sp_header.outerHeight(); if ( value > startPos && value > headerHeight ) { $sp_header.css('top', '-' + headerHeight + 'px'); $sp_header.css('position', 'fixed'); } else { $sp_header.css('top', '0'); if ($.isDispMobile) { $main.css('padding-top', headerHeight + 'px' ); } } startPos = value; }); }); }; //初期表示計算のためにスクロールイベントを強制的に発生させる //$(window).trigger('scroll'); //グローバルメニューカレント設定 $(function() { var dir = location.href.split('/'); if (dir && dir[4]) { $('#gm_' + dir[4]).addClass("current_menu"); if (dir[4] == 'faq') { $('#gm_contact').addClass("current_menu"); } } }); }); </script>  <link rel="stylesheet" href="/static_contents/site/tsite/css/index.css?time=20231207" type="text/css"> <link rel="stylesheet" href="/static_contents/site/tsite/for-business/css/custom.css?time=0421" type="text/css"> <link rel="shortcut icon" href="/static_contents/site/tsite/for-business/img/favicon.ico"> <link rel="stylesheet" href="/static_contents/site/tsite/css/event.css?time=20180306" type="text/css">  <link rel="stylesheet" href="/static_contents/site/tsite/css/floor.css?time=20200604" type="text/css">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-QE77GL9RJJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); var elmCDM = {page_location: decodeURIComponent(location.href), 'login_status': '未ログイン'}; var elmCDMPlus = JSON.parse(JSON.stringify(elmCDM));; elmCDMPlus.ecsite_or_storesite = '店舗サイト'; //カスタムディメンジョン追加 gtag('config', 'G-QE77GL9RJJ', elmCDMPlus);//store.tsite.jpの全て gtag('config', 'G-M13LBFBL8F', elmCDM); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WKLKCL2');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WKLKCL2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    <script src="https://j.wovn.io/1" data-wovnio="key=DKK1bh&defaultLang=ja&currentLang=ja&urlPattern=subdomain&backend=true&langParamName=wovn&backendVersion=WOVN.proxy_0.22.8" async=""></script> <link hreflang="ja" href="https://store.tsite.jp/" rel="alternate"> <link hreflang="en" href="https://en.store.tsite.jp/" rel="alternate">  <script> gtag('config', 'G-DWNHBDX8EM'); </script> </head> <body> <header id="header" class="hide_sp"> <div class="inner_box"> <p class="event_btn"> <a href="/" class="button_more">蔦屋書店TOP</a> <a href="/for-business/documentation/" class="button_more">資料ダウンロード</a> <a href="/cdn-cgi/l/email-protection#69040c0d0008360d0c1a000e07290a0a0a470a06470319" class="button_more mailtoui">お問合わせ</a> </p>  </div> <h1> <a class="logo" title="蔦屋書店 for Business T-SITE" href="/for-business/"> <img src="/static_contents/site/tsite/for-business/img/logo.png" alt="蔦屋書店 for Business 蔦屋書店"> </a> </h1> <div class="gnav_menu_bt"> <div class="bt_menu" style="width:100%;"></div>  </div> <nav id="main_menu_body"> <div class="gnav_menu"> <div class="inner_gnav_menu"> <ul class="main_menu"> <li id="" class=""> <a href="/for-business/index.html#about"> 蔦屋書店とは </a> </li> <li id="" class="sub_menu"> <a>メディアプログラム</a> <ul class="menu_drop" style="width: auto"> <li class="menu_shop_list"> <a href="/for-business/media-exhibition/"> 提案展示/販売 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-space/"> イベント企画/スペース提供 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-brandbook/"> ブランドブック制作 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-sampling/"> ギフトサンプリング </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-others/"> その他プロモーションメニュー </a> </li> </ul> </li> <li id="" class="sub_menu"> <a>実績</a> <ul class="menu_drop" style="width: auto"> <li class="menu_shop_list"> <a href="/for-business/media-exhibition/list.html"> 提案展示/販売 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-space/list.html"> イベント企画/スペース提供 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-brandbook/list.html"> ブランドブック制作 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-sampling/list.html"> ギフトサンプリング </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-others/list.html"> その他プロモーションメニュー </a> </li> </ul> </li> <li> <div class="gnav_close"> <a href="javascript:void(0);"><img src="/static_contents/site/tsite/img/icon/menu_close.png"></a> </div> </li> </ul> </div> </div> </nav> <form action="/for-business/ts-search/" method="GET" id="head_search_form"> <div id="head_search_box"> <div class="inner"> <input type="text" id="head_search_input" name="input_search_word" value="" placeholder="何をお探しでしょうか？"> <p id="head_search_close"><img src="/static_contents/site/portal-ec/img/icon/cancel_bk.png"></p> <input class="search_button" type="submit" value=""/> <input type="hidden" name="input_first_search" value="1"/> </div> </div> <div class="gnav_close"><a href="javascript:void(0);">×CLOSE</a></div> </form> </header> <header class="hide_pc"> <div class="no_inner_box"> </div> <h1> <a class="logo" title="蔦屋書店 for Business T-SITE" href="/for-business/"> <img src="/static_contents/site/tsite/for-business/img/logo.png" alt="蔦屋書店 for Business 蔦屋書店"> </a> </h1>  <div class="gnav_menu_bt"> <div class="bt_menu" style="width:100%;"></div>  </div> <nav id="main_menu_body"> <div class="gnav_menu"> <div class="inner_gnav_menu"> <ul class="main_menu"> <li id="" class="sub_menu"> <a href="/for-business/index.html#about"> 蔦屋書店とは </a> <ul class="menu_drop" style="width: auto"> <li class="menu_shop_list"> <a href="/for-business/shoplist/index.html#area-tohoku"> 北海道・東北店舗一覧 </a> </li> <li class="menu_shop_list"> <a href="/for-business/shoplist/index.html#area-kanto"> 関東店舗一覧 </a> </li> <li class="menu_shop_list"> <a href="/for-business/shoplist/index.html#area-kansai"> 中部・関西店舗一覧 </a> </li> <li class="menu_shop_list"> <a href="/for-business/shoplist/index.html#area-kyushu"> 中四国・九州店舗一覧 </a> </li> </ul> </li> <li id="" class="sub_menu"> <a>メディアプログラム</a> <ul class="menu_drop" style="width: auto"> <li class="menu_shop_list"> <a href="/for-business/media-exhibition/"> 提案展示/販売 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-space/"> イベント企画/スペース提供 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-brandbook/"> ブランドブック制作 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-sampling/"> ギフトサンプリング </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-others/"> その他プロモーションメニュー </a> </li> </ul> </li> <li id="" class="sub_menu"> <a>実績</a> <ul class="menu_drop" style="width: auto"> <li class="menu_shop_list"> <a href="/for-business/media-exhibition/list.html"> 提案展示/販売 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-space/list.html"> イベント企画/スペース提供 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-brandbook/list.html"> ブランドブック制作 </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-sampling/list.html"> ギフトサンプリング </a> </li> <li class="menu_shop_list"> <a href="/for-business/media-others/list.html"> その他プロモーションメニュー </a> </li> </ul> </li> <li> <a href="/for-business/news/"> インフォメーション </a> </li> <li> <a href="/"> 蔦屋書店ポータル </a> </li> <li id="" class="menu_language menu_english"><a href="/for-business/documentation/">資料ダウンロード</a></li> <li id="" class="menu_language"><a href="/cdn-cgi/l/email-protection#d8b5bdbcb1b987bcbdabb1bfb698bbbbbbf6bbb7f6b2a8" class="mailtoui">お問合わせ</a></li> <li> <div class="gnav_close"> <a href="javascript:void(0);"><img src="/static_contents/site/tsite/img/icon/menu_close.png"></a> </div> </li>  </ul> </div> </div> </nav> <form action="/for-business/ts-search/" method="GET" id="head_search_form"> <div id="head_search_box"> <div class="inner"> <input type="text" id="head_search_input" name="input_search_word" value="" placeholder="何をお探しでしょうか？"> <p id="head_search_close"><img src="/static_contents/site/portal-ec/img/icon/cancel_bk.png"></p> <input class="search_button" type="submit" value=""/> <input type="hidden" name="input_first_search" value="1"/> </div> </div> <div class="gnav_close"><a href="javascript:void(0);">×CLOSE</a></div> </form> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="/static_contents/site/tsite/for-business/js/mailtoui-min.js"></script> </header> <a href="#"><div id="bt_to_top"></div></a> <main> <section class="inner_main passed_list information shop_detail">  <h1><span>BRANDBOOK</span></h1> <div class="sub_title_bar">ブランドブック制作</div> <div class="banner_inner"> <img class="" src="/static_contents/site/tsite/for-business/img/media-brandbook/key.jpg" id="SmainImgA" alt="" /> </div> <h2 class="ttl_h2">ブランドストーリーや商品ストーリーなど、<br>伝えたい思いを冊子やタブロイドに</h2> <div class="imgtxt_h_1_area"> <div class="imgtxt_h_1-lg imgtxt-onlytxt"> <p id="SrelateMTextA"> ◎取材、編集、撮影、スタイリング、デザインはすべて弊社内外のプロを結集して実施、料理レシピ本なども作成可能<br> ◎ご要望に応じて、タブロイド、冊子など版型もいろいろ </p> </div> </div>  <div class="inner_main"> <h2 class="columns_ttl_02"><span>過去事例</span></h2> <div class="grid_3">  <ul class="spflex_col2 eventlist"> <li>  <a href="/for-business/media/t-site/20256-1615430525.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/for-business/2021/1621926779897/slider/albion_310.jpg')"> </div> <div class="info"> <div class="title">株式会社アルビオン様</div> </div> </a> </li> <li>  <a href="/for-business/media/t-site/20255-1612430525.html"> <div class="thumbnail"> <img src="/static_contents/site/tsite/img/pixel.gif" class="thumb" style="background-image: url('/article_img/for-business/2021/1621926460789/slider/wine_310.jpg')"> </div> <div class="info"> <div class="title">株式会社ラック・コーポレーション様</div> </div> </a> </li> </ul> <footer> <a class="button_more" href="list.html">MORE</a> </footer>  </div> </div> </section>  </main> <footer> <div class="footer_menu"> <div class="inner_footer_menu">  <div class="menu_info"> <ul> <li><a href="/for-business/sitemap/">サイトマップ</a></li> <li><a href="/for-business/sitepolicy/">このサイトについて</a></li> <li><a href="https://www.ccc.co.jp/customer_management/privacy/index.html" target="_blank"> 個人情報保護方針</a></li> <li><a href="/">蔦屋書店ポータル</a></li> <li><a href="/portal/storelist/">全国の蔦屋書店一覧</a></li> </ul> </div> <div class="menu_copyright">©Culture Convenience Club Co.,Ltd.</div> </div> </div> </footer> </body> </html>

CINXE.COM

ブランドブック制作 | 蔦屋書店 for Business | 「蔦屋書店」がメディアになる。そのおもしろさと強み