https://willeder.com/_next/static/chunks/pages/branding-design-2ae…?dpl=dpl_FKP3vjwdyWJ8K4JRREXTtYtHP46v

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[612],{220:(e,n,i)=>{"use strict";i.d(n,{A:()=>s});let s=i(4896).A},406:(e,n,i)=>{"use strict";i.d(n,{A:()=>l});var s=i(7876),a=i(4232),r=i(7966),t=i.n(r),d=i(4587),c=i.n(d),o=i(6941);let l=e=>{let{title:n,subTitle:i,BottomTitle:r,img1:d,img2:l,imgArrow:g,className:_}=e,b=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let e=b.current;if(!e)return;o.gsap.timeline({defaults:{ease:"power3.out",duration:1}}).fromTo(e.querySelector("h2"),{y:30,opacity:0},{y:0,opacity:1}).fromTo(e.querySelector("p"),{y:30,opacity:0},{y:0,opacity:1},"-=0.8").fromTo(e.querySelectorAll(`.${t().brand_image}`),{scale:.8,opacity:0},{scale:1,opacity:1,stagger:.2},"-=0.6").fromTo(e.querySelector(`.${t().arrow_image}`),{x:-20,opacity:0},{x:0,opacity:1},"-=0.8").fromTo(e.querySelector("h4"),{opacity:0,y:20},{opacity:1,y:0},"-=0.4");let n=b.current;if(!n)return;let i=new IntersectionObserver(e=>{e[0].isIntersecting?document.body.classList.remove("headSection-out-of-view"):document.body.classList.add("headSection-out-of-view")},{root:null,threshold:0,rootMargin:"-90px 0px 0px 0px"});return i.observe(n),()=>{i.disconnect(),document.body.classList.remove("headSection-out-of-view")}},[]),(0,s.jsxs)("div",{ref:b,className:`${_||""} ${t().HeadSection}`,children:[(0,s.jsx)("h2",{children:n}),(0,s.jsx)("p",{children:i}),(0,s.jsxs)("div",{className:t().headSectionIMG,children:[(0,s.jsx)("span",{className:t().brand_image,children:(0,s.jsx)(c(),{src:d,alt:`${n} - メインイメージ`,priority:!0})}),(0,s.jsx)("span",{className:t().arrow_image,children:(0,s.jsx)(c(),{src:g,alt:"矢印アイコン",priority:!0})}),(0,s.jsx)("span",{className:t().brand_image,children:(0,s.jsx)(c(),{src:l,alt:`${n} - サブイメージ`,priority:!0})})]}),(0,s.jsx)("h4",{children:r})]})}},1356:(e,n,i)=>{"use strict";i.r(n),i.d(n,{__N_SSG:()=>B,default:()=>w});var s=i(7876),a=i(4232),r=i(9082),t=i.n(r),d=i(7041),c=i.n(d),o=i(4587),l=i.n(o),g=i(7244);let _=()=>{let e=(0,a.useRef)(null);return(0,a.useEffect)(()=>{(async()=>{{let n=(await Promise.resolve().then(i.bind(i,6941))).default,s=(await i.e(232).then(i.bind(i,7232))).ScrollTrigger;n.registerPlugin(s);let a=e.current?.querySelectorAll("li");a&&a.forEach((e,i)=>{n.fromTo(e,{opacity:0,y:40},{opacity:1,y:0,duration:.45,delay:.06*i,ease:"power2.out",scrollTrigger:{trigger:e,start:"top 95%",toggleActions:"play none none none",markers:!1}})})}})()},[]),(0,s.jsxs)("div",{ref:e,className:c().Branding_details,children:[(0,s.jsx)("div",{className:c().Branding_text_box,children:(0,s.jsx)(g.A,{title:"What is Branding ?",subTitle:(0,s.jsxs)(s.Fragment,{children:["お客様の事業が持つ価値や強みを、事業状況や市場に応じて差別化しながら、",(0,s.jsx)("br",{}),"顧客との関係性を強化することです。まずは、価値が認識され、競合と差別化します。",(0,s.jsx)("br",{}),"さらに信頼関係を構築でき、ファンをつくることでお客様の事業の成功を支えます。",(0,s.jsx)("br",{})]})})}),(0,s.jsxs)("div",{ref:e,className:c().branding_items_section,children:[(0,s.jsx)("div",{children:(0,s.jsx)(l(),{src:"/assets/image/brsec.png",alt:"branding_section",width:592,height:98,quality:100})}),(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:c().branding_box,children:[(0,s.jsx)("div",{className:c().branding_box1,children:(0,s.jsxs)("p",{style:{color:"#000"},children:["信頼感・安心感が ",(0,s.jsx)("br",{className:"pc-br"}),"感じられない..."]})}),(0,s.jsx)("div",{className:c().branding_box2,children:(0,s.jsxs)("p",{style:{color:"#000"},children:["他者との違いが",(0,s.jsx)("br",{className:"pc-br"}),"分からない..."]})}),(0,s.jsx)("div",{className:c().branding_box3,children:(0,s.jsxs)("p",{style:{color:"#000"},children:["何が魅力なのか",(0,s.jsx)("br",{className:"pc-br"}),"認識がバラバラ..."]})})]})})]}),(0,s.jsx)("div",{ref:e,className:c().branding_items_section,children:(0,s.jsx)("div",{children:(0,s.jsx)(l(),{src:"/assets/image/down-arrow-new.png",alt:"check_down",width:40,height:40})})}),(0,s.jsxs)("ul",{className:c().branding_card_box,children:[(0,s.jsxs)("li",{className:c().middle_arrow,children:[(0,s.jsx)("div",{className:c().branding_card_text,children:(0,s.jsx)("p",{children:"ブランディング直後"})}),(0,s.jsx)("div",{className:c().branding_card_image,children:(0,s.jsx)(l(),{src:"/assets/image/brd1.png",alt:"branding4",width:320,height:240})}),(0,s.jsx)("h4",{children:"直感的なイメージUP!"}),(0,s.jsx)("div",{className:c().value_box,children:(0,s.jsx)("div",{className:c().value_box_2,style:{marginTop:"12px"},children:(0,s.jsxs)("ul",{className:c().listContent,children:[(0,s.jsx)("li",{children:"・直感的に顧客から信頼される"}),(0,s.jsx)("li",{children:"・差別化でき、競争力が向上する"}),(0,s.jsx)("li",{children:"・伝えたい情報が正しく伝わる"})]})})})]}),(0,s.jsxs)("li",{children:[(0,s.jsx)("div",{className:c().branding_card_text,children:(0,s.jsx)("p",{children:"ブランディング継続後"})}),(0,s.jsx)("div",{className:c().branding_card_image,children:(0,s.jsx)(l(),{src:"/assets/image/branding-05.png",alt:"branding5",width:320,height:240})}),(0,s.jsx)("h4",{children:"狙ったイメージの定着"}),(0,s.jsx)("div",{className:c().value_box,children:(0,s.jsx)("div",{className:c().value_box_2,children:(0,s.jsxs)("ul",{className:c().listContent2,children:[(0,s.jsx)("li",{children:"・直感的に顧客から信頼される"}),(0,s.jsx)("li",{children:"・差別化でき、競争力が向上する"}),(0,s.jsx)("li",{children:"・伝えたい情報が正しく伝わる"})]})})})]})]})]})};var b=i(9123),h=i(406),x=i(220),u=i(1274),m=i(2046),A=i(1278),p=i(4309);let j={src:"/_next/static/media/branding-01.49ccde8f.png",height:720,width:1396,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMFFBE+7QAAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAaSURBVHicY2BgYAQjEMHICGExMIIAWAgkAAABAgAOOgFGnAAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:4},v={src:"/_next/static/media/branding_hover.57bd5716.png",height:480,width:933,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAANlBMVEWqOFWpWG6yRF23WHGxO1mrGD6zNlaYDTOtFT2/Z36xACqZETOrDjbCcoi6Zn3Ts7vZ7OKwGkG2JBdAAAAAEnRSTlMBNDxuj4MXM2euJB5GdkNAG5icKWwhAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAKElEQVR4nAXBhwEAIAjAsKIg4Pb/Z01gZ+MFTBPvoZew414zgdWGFvkQQQDad3sdVQAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:4};var y=i(9307),B=!0;let w=e=>{let{works:n=null}

1=e,{showOnlyBackground:i,toggleBackground:r}=(0,m._)();return(0,a.useEffect)(()=>{(0,A.gb)("branding-design")},[]),(0,a.useEffect)(()=>{let e,n=()=>{document.body.classList.add("transparent-background"),clearTimeout(e),e=setTimeout(()=>{document.body.classList.remove("transparent-background")},200)};return i?(document.body.classList.add("transparent-background"),document.body.classList.add("bgNone"),document.body.classList.add("branding-page"),window.addEventListener("scroll",n)):(document.body.classList.remove("transparent-background"),document.body.classList.remove("bgNone"),document.body.classList.remove("branding-page")),()=>{window.removeEventListener("scroll",n),clearTimeout(e)}},[i]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.A,{title:"ブランディング・デザインで信頼と差別化を実現｜ウィルダー株式会社",titleEn:"Realize Trust and Differentiation through Branding and Design | Willeder Inc.",description:"ウィルダー株式会社のブランディング／デザインサービス。企業・事業・商品・店舗のブランディングから、Web・アプリUI/UX・ロゴ・パッケージ・パンフレット・SNS投稿まで幅広く対応。直感的に信頼され、選ばれる関係性を築き、事業の成功を支援します。",descriptionEn:"Willeder Inc.'s branding/design services. We cover a wide range, from branding for companies, businesses, products, and stores, to Web/app UI/UX, logos, packages, brochures, and SNS posts. We build relationships that are instinctively trusted and chosen, supporting business success.",keywords:"ブランディング, デザイン会社, Webデザイン, UIUX, ロゴ制作, パッケージデザイン, 企業ブランディング, 商品ブランディング, 東京, ウィルダー,事業ブランディング,Web制作,ロゴ制作,名刺制作,パンフレット制作",keywordsEn:"Branding, Design Company, Web Design, UIUX, Logo Creation, Package Design, Corporate Branding, Product Branding, Tokyo, Willeder, Business Branding, Web Production, Logo Creation, Business Card Creation, Brochure Production",canonical:"/branding-design",ogImage:"/assets/image/willeder_OGP.png",lang:"ja"}),(0,s.jsxs)("main",{children:[(0,s.jsx)("div",{className:t().branding_head_section,children:(0,s.jsx)(h.A,{className:"whiteBG",title:"BRANDING / DESIGN",subTitle:"ブランディング / デザイン",BottomTitle:(0,s.jsxs)(s.Fragment,{children:["埋もれている価値から、",(0,s.jsx)("br",{})," 選ばれる“信頼関係”をつくります"]}),img1:j,img2:v,imgArrow:y.A})}),(0,s.jsxs)("div",{className:`section background-section ${i?"section-show":"section-hide"} ${t().branding_background_section}`,onClick:()=>{r(),document.body.classList.remove("transparent-background")},children:[(0,s.jsx)("div",{className:`background-pattern ${t().branding_grid_pattern}`}),(0,s.jsx)("div",{className:"main-background-images",children:(0,s.jsx)(p.A,{desktopSrc:"/assets/image/DRAFT_BRANDING_PC.png",tabletSrc:"/assets/image/DRAFT_BRANDING_TB.png",mobileSrc:"/assets/image/DRAFT_BRANDING_SP.png",width:820,height:4867,alt:"Branding background",priority:!0})})]}),(0,s.jsx)("div",{className:`section content-section ${i?"section-hide":"section-show"} ${t().branding_content_section}`,children:(0,s.jsxs)("div",{className:t().branding_section,children:[(0,s.jsx)(_,{}),(0,s.jsx)(b.A,{}),(0,s.jsx)(u.A,{works:n})]})})]})]})}},4309:(e,n,i)=>{"use strict";i.d(n,{A:()=>a});var s=i(7876);let a=e=>{let{desktopSrc:n,tabletSrc:i,mobileSrc:a,alt:r="Background",priority:t=!1,className:d="mainBgImg",width:c,height:o}=e,l=e=>e.replace(/ /g,"%20");return(0,s.jsxs)("picture",{children:[(0,s.jsx)("source",{media:"(min-width: 1024px)",srcSet:l(n)}),(0,s.jsx)("source",{media:"(min-width: 641px)",srcSet:l(i)}),(0,s.jsx)("img",{src:a,alt:r,className:d,width:c,height:o,fetchPriority:t?"high":"auto",loading:t?"eager":"lazy",decoding:"async"})]})}},6677:(e,n,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/branding-design",function(){return i(1356)}])},7041:e=>{e.exports={Branding_details:"BrandingDetails_Branding_details__Y3HLf",Branding_text_box:"BrandingDetails_Branding_text_box__DPmdH",branding_items_section:"BrandingDetails_branding_items_section__sAbqV",branding_box:"BrandingDetails_branding_box__V_2iY",branding_box1:"BrandingDetails_branding_box1__qqXk_",branding_box2:"BrandingDetails_branding_box2__rRGu6",branding_box3:"BrandingDetails_branding_box3__o_7OD",branding_card_box:"BrandingDetails_branding_card_box__wm3UN",branding_card_text:"BrandingDetails_branding_card_text__vENeW",branding_card_image:"BrandingDetails_branding_card_image__YImeE",value_box:"BrandingDetails_value_box__PGcGb",value_box_1:"BrandingDetails_value_box_1__kAEfy",value_box_2:"BrandingDetails_value_box_2__tJYkD",listContent:"BrandingDetails_listContent__Y7ujJ",listContent2:"BrandingDetails_listContent2___X7wC",value_box_3:"BrandingDetails_value_box_3__WtpBG"}},7244:(e,n,i)=>{"use strict";i.d(n,{A:()=>d});var s=i(7876),a=i(4232),r=i(7354),t=i.n(r);let d=e=>{let{title:n,subTitle:r}=e,d=(0,a.useRef)(null);return(0,a.useEffect)(()=>{(async()=>{{let e=(await Promise.resolve().then(i.bind(i,6941))).default,n=(await i.e(232).then(i.bind(i,7232))).ScrollTrigger;e.registerPlugin(n);let s=d.current;s&&e.fromTo(s,{y:40,opacity:0}

1,{y:0,opacity:1,duration:1,scrollTrigger:{trigger:s,start:"top 85%"}})}})()},[]),(0,s.jsxs)("div",{ref:d,className:t().BoxTitle,children:[(0,s.jsx)("h2",{children:(0,s.jsx)("span",{children:n})}),(0,s.jsx)("p",{children:r})]})}},7354:e=>{e.exports={BoxTitle:"BoxTitle_BoxTitle__tsKfJ"}},7966:e=>{e.exports={HeadSection:"HeadSection_HeadSection__tZn24",headSectionIMG:"HeadSection_headSectionIMG__zlejj",brand_image:"HeadSection_brand_image__U5s3s",arrow_image:"HeadSection_arrow_image__jMIZf"}},9082:e=>{e.exports={branding_head_section:"brandingDesign_branding_head_section__j4_b_",branding_content_section:"brandingDesign_branding_content_section__Rqt1w",branding_section:"brandingDesign_branding_section__vJD49",branding_background_section:"brandingDesign_branding_background_section__2hTK4","section-hide":"brandingDesign_section-hide__FtLa6","main-background-images":"brandingDesign_main-background-images__bHM9E","section-show":"brandingDesign_section-show__YRQkw","background-pattern":"brandingDesign_background-pattern___qW2G",branding_content_box:"brandingDesign_branding_content_box__zza73",branding_main:"brandingDesign_branding_main__BdAvo"}},9307:(e,n,i)=>{"use strict";i.d(n,{A:()=>s});let s={src:"/_next/static/media/right_arrow.5be3fd82.svg",height:18,width:29,blurWidth:0,blurHeight:0}}},e=>{var n=n=>e(e.s=n);e.O(0,[742,941,504,695,123,636,593,792],()=>n(6677)),_N_E=e.O()}]);