{"product_id":"uber-x-yourstuffmade-custom-pride-campaign-merchandise-for-sydney-mardi-gras","title":"우버","description":"\u003cstyle\u003e\n\/* YSM V9 제품 사례 연구 — 이 제품에만 적용 *\/\nbody:has(.ysm-uber-v9) .product.grid,body:has(.ysm-uber-v9) .product:not(.card__inner){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin-inline:auto!important;padding-inline:0!important}\nbody:has(.ysm-uber-v9) .product__media-wrapper,body:has(.ysm-uber-v9) .product__media-gallery,body:has(.ysm-uber-v9) .product media-gallery,body:has(.ysm-uber-v9) .product__title,body:has(.ysm-uber-v9) .product .price,body:has(.ysm-uber-v9) .product .product-form,body:has(.ysm-uber-v9) .product product-form,body:has(.ysm-uber-v9) .product variant-selects,body:has(.ysm-uber-v9) .product .shopify-payment-button,body:has(.ysm-uber-v9) .product .product__tax,body:has(.ysm-uber-v9) .product .product__sku,body:has(.ysm-uber-v9) .product .product__inventory,body:has(.ysm-uber-v9) .product .share-button{display:none!important}\nbody:has(.ysm-uber-v9) .product__info-wrapper,body:has(.ysm-uber-v9) .product__info-container,body:has(.ysm-uber-v9) .product__description,body:has(.ysm-uber-v9) .product__description .rte{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;padding:0!important;margin-inline:auto!important}\nbody:has(.ysm-uber-v9) .product__info-wrapper.grid__item{width:100%!important;max-width:100%!important}\n.ysm-uber-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;width:100%;max-width:1160px;margin-inline:auto;color:var(--ink);font-family:inherit;line-height:1.5;overflow:clip}\n.ysm-uber-v9 *{box-sizing:border-box;min-width:0}\n.ysm-uber-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-uber-v9 h1,.ysm-uber-v9 h2,.ysm-uber-v9 h3{color:var(--ink);font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0}\n.ysm-uber-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-uber-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-uber-v9 h3{font-size:clamp(17px,1.7vw,21px)}.ysm-uber-v9 p{margin:0}.ysm-uber-v9 a{text-decoration:none}\n.ysm-uber-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}\n.ysm-uber-v9 .lead{font-size:clamp(15px,1.45vw,18px);line-height:1.55;color:var(--muted)}\n.ysm-uber-v9 .btn{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:12px 19px;border-radius:10px;background:var(--green);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none!important;transition:transform .2s,background .2s}\n.ysm-uber-v9 .btn:hover{background:#204e36;transform:translateY(-2px)}.ysm-uber-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-uber-v9 .square{display:block;position:relative;aspect-ratio:1\/1;width:100%;margin:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}\n.ysm-uber-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-position:center}\n.ysm-uber-v9 .square.photo img{object-fit:cover!important}.ysm-uber-v9 .square.art img{object-fit:contain!important}\n.ysm-uber-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-uber-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}\n.ysm-uber-v9 .hero .lead{margin-top:16px}.ysm-uber-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-uber-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-uber-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-uber-v9 .section-lead{margin-top:12px;max-width:780px}\n.ysm-uber-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,4vw,60px)}.ysm-uber-v9 .quote{border-left:3px solid var(--green);padding-left:16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);line-height:1.4;font-weight:650;letter-spacing:-.02em}\n.ysm-uber-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-uber-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-uber-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}\n.ysm-uber-v9 .num{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green);margin-bottom:12px}.ysm-uber-v9 .story-card p:last-child{font-size:14px;line-height:1.55;color:var(--muted);margin-top:8px}\n.ysm-uber-v9 .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-uber-v9 .gallery a{display:block;cursor:zoom-in}.ysm-uber-v9 .gallery a:hover .square{border-color:#9db9a5}.ysm-uber-v9 .gallery a img{transition:transform .25s}.ysm-uber-v9 .gallery a:hover img{transform:scale(1.035)}\n.ysm-uber-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-uber-v9 .project-info h3{margin-bottom:17px}.ysm-uber-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-uber-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-uber-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-uber-v9 .info-item p{font-size:14px;color:var(--muted);line-height:1.55}\n.ysm-uber-v9 .final{padding:30px 0 40px}.ysm-uber-v9 .cta{padding:clamp(25px,4vw,38px);border-radius:17px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-uber-v9 .cta h2{color:#fff}.ysm-uber-v9 .cta .eyebrow{color:#b1d9bd}.ysm-uber-v9 .cta p:not(.eyebrow){color:#d2dfd5;margin-top:10px;font-size:15px;max-width:580px}.ysm-uber-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}\n@media(max-width:800px){.ysm-uber-v9 .hero-grid,.ysm-uber-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-uber-v9 .story{grid-template-columns:1fr}.ysm-uber-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.ysm-uber-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-uber-v9 .inner{width:calc(100% - 28px)}.ysm-uber-v9 .hero{padding:14px 0 25px}.ysm-uber-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-uber-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-uber-v9 .section{padding:25px 0}.ysm-uber-v9 .story-card,.ysm-uber-v9 .project-info{padding:17px}.ysm-uber-v9 .gallery{gap:8px}.ysm-uber-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-uber-v9 .hero .btn,.ysm-uber-v9 .cta .btn{width:100%}.ysm-uber-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-uber-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-uber-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eYSM 프로젝트 \/ 프라이드 \u0026amp; 이벤트 굿즈\u003c\/p\u003e\n\u003ch1\u003eUber: 당당하게 BE.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003e시드니 게이 앤 레즈비언 마디 그라를 위해 Uber의 “uBEr” 캠페인은 거리 곳곳에서 존재감과 축제의 분위기를 드러냈습니다. YSM은 캠페인 메시지를 실감 나게 전하는 브랜드 크리에이티브와 굿즈 제작을 지원했습니다.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eUber\u003c\/span\u003e\u003cspan class=\"chip\"\u003e이벤트 굿즈\u003c\/span\u003e\u003cspan class=\"chip\"\u003e맞춤 굿즈\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e맞춤 제작 살펴보기 →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Uber BE 프라이드 에나멜 핀\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Uberprideenamelpin.webp?v=1756508823\" width=\"900\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner brand-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003e브랜드\u003c\/p\u003e\n\u003ch2\u003e커뮤니티를 위해 디자인하다.\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003e개성과 포용을 바탕으로 한 캠페인은 독특한 무지개 아트워크와 브랜드 제품을 활용해 대중 축제와 누구나 알아볼 수 있는 메시지를 이어 주었습니다.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003e좋은 이벤트 굿즈는 행사가 끝난 뒤에도 메시지를 전합니다.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003e프로젝트 중점\u003c\/p\u003e\n\u003ch2\u003e이벤트 굿즈\u003c\/h2\u003e\n\u003cp class=\"lead\" style=\"margin-top:13px\"\u003eYSM과 함께 제작한 맞춤 에나멜 핀과 세심한 맞춤 생산.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003e협업\u003c\/p\u003e\n\u003ch2\u003e요청에서 실제 제품까지.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003e브랜드 아이디어와 크리에이티브 개발, 생산 고려 사항을 연결하는 집중도 높은 프로세스입니다.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ 의뢰\u003c\/p\u003e\n\u003ch3\u003e관련성 있게 만들기\u003c\/h3\u003e\n\u003cp\u003e대규모 프라이드 축제를 위한 시선을 사로잡는 굿즈와 캠페인 비주얼을 제작합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ YSM의 역할\u003c\/p\u003e\n\u003ch3\u003e실현 가능하게 만들기\u003c\/h3\u003e\n\u003cp\u003e비주얼 제작, 맞춤 굿즈 디자인 및 제조 조율을 지원합니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ 결과\u003c\/p\u003e\n\u003ch3\u003e기억에 남게 만들기\u003c\/h3\u003e\n\u003cp\u003e“BE” 메시지를 중심으로 한 다채롭고 알아보기 쉬운 캠페인 접점.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003e프로젝트 갤러리\u003c\/p\u003e\n\u003ch2\u003e아이디어를 완성하는 디테일.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003e프로젝트 사진과 제작 아트워크, 브랜드의 배경을 살펴보세요. 이미지를 선택하면 전체 크기로 볼 수 있습니다.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"View Uber Pride rainbow design\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/UberPridedesign.webp?v=1756508823\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Uber 프라이드 무지개 디자인\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/UberPridedesign.webp?v=1756508823\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"View Pride celebration with rainbow flag\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849840241.webp?v=1756508633\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"무지개 깃발이 함께한 프라이드 축제\" height=\"600\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849840241.webp?v=1756508633\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"View Pride collectible on blue background\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849873009.webp?v=1756508633\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"파란 배경의 프라이드 기념품\" height=\"600\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1808\/7797\/products\/uber-project-default-title-uber-30988849873009.webp?v=1756508633\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003e프로젝트 세부 정보\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003e제작 품목\u003c\/strong\u003e\u003cp시드니 마디 그라 캠페인 및 맞춤 프라이드 굿즈\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003e디자인 세부 사항\u003c\/strong\u003e\u003cp\u003e무지개 모티프, 에나멜 핀, 토트백 및 캠페인 비주얼\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003e생산 우선순위\u003c\/strong\u003e\u003cp\u003e캠페인 일관성, 선명한 색상 및 행사 준비 완료\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eYSM의 역할\u003c\/strong\u003e\u003cp\u003e생산 및 품질 조율과 함께 크리에이티브 지원\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003e아이디어를 현실로\u003c\/p\u003e\n\u003ch2\u003e간직하고 싶은 굿즈를 만드세요.\u003c\/h2\u003e\n\u003cp\u003e브랜드 기념품부터 제품 출시와 캠페인까지, YSM은 크리에이티브 개발, 윤리적 제조 원칙, 실무 중심의 생산 지원을 한데 모읍니다.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e다음 프로젝트 시작하기 →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: 이 프로젝트 갤러리에 원래 Shopify 제품 미디어 추가.\n   네이티브 미디어는 시각적으로 숨기지만 신뢰할 수 있는 이미지 소스로 사용합니다.\n   갤러리에 이미 있는 선택된 프로젝트 사진이 먼저 표시됩니다. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-uber-v9';\n  function imageKey(url) {\n    if (!url) return '';\n    try {\n      var parsed = new URL(url, window.location.href);\n      var file = decodeURIComponent(parsed.pathname.split('\/').pop() || '');\n      return file.replace(\/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d*|x\\d+)\\.(?=[^.]+$)\/i, '.').toLowerCase();\n    } catch (e) { return url.split('?')[0].toLowerCase(); }\n  }\n  function bestURL(img) {\n    if (!img) return '';\n    var url = img.getAttribute('data-zoom-src') || img.getAttribute('data-full-src') || '';\n    if (!url) {\n      var srcset = img.getAttribute('srcset') || img.getAttribute('data-srcset') || '';\n      var choices = srcset.split(',').map(function (s) {\n        var match = s.trim().match(\/^(\\S+)\\s+(\\d+)w$\/);\n        return match ? {url:match[1],width:Number(match[2])} : null;\n      }).filter(Boolean).sort(function(a,b){return b.width-a.width;});\n      if (choices.length) url = choices[0].url;\n    }\n    url = url || img.getAttribute('data-src') || img.getAttribute('src') || '';\n    if (url.indexOf('\/\/')===0) url=window.location.protocol+url;\n    return url;\n  }\n  function addProductMedia() {\n    var project = document.querySelector(articleSelector);\n    if (!project) return;\n    var gallery = project.querySelector('[data-ysm-expanded-gallery]');\n    if (!gallery) return;\n    var seen = new Set();\n    project.querySelectorAll('img').forEach(function(img){ seen.add(imageKey(img.getAttribute('src'))); });\n    gallery.querySelectorAll('a[href]').forEach(function(a){ seen.add(imageKey(a.getAttribute('href'))); });\n    \/\/ 현재 제품의 원래 미디어만 추출하며, 추천 상품이나 탐색 메뉴 이미지는 제외합니다.\n    var candidates = document.querySelectorAll(\n      '.product__media-wrapper .product__media-item img, ' +\n      '.product__media-wrapper .product__media img, ' +\n      '.product__media-wrapper media-gallery img, ' +\n      '.product__media-gallery .product__media img, ' +\n      '.product__media-gallery .product__media-item img'\n    );\n    var added = 0;\n    candidates.forEach(function(img){\n      var url=bestURL(img);\n      var key=imageKey(url);\n      if (!url || !key || seen.has(key)) return;\n      \/\/ 투명한 자리표시자와 이미지가 아닌 SVG 아이콘은 제외합니다.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || '원본 프로젝트 사진';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','원본 프로젝트 이미지 보기: '+label);\n      var figure=document.createElement('figure');\n      figure.className='square photo';\n      var picture=document.createElement('img');\n      picture.src=url;\n      picture.alt=label;\n      picture.loading='lazy';\n      picture.width=600;\n      picture.height=600;\n      figure.appendChild(picture);\n      a.appendChild(figure);\n      gallery.appendChild(a);\n      added++;\n    });\n    if (added) gallery.setAttribute('data-extra-photos', String(\n      Number(gallery.getAttribute('data-extra-photos')||0)+added\n    ));\n  }\n  if (document.readyState==='loading') {\n    document.addEventListener('DOMContentLoaded',addProductMedia);\n  } else { addProductMedia(); }\n  window.addEventListener('load',addProductMedia,{once:true});\n  \/\/ 일부 Shopify 테마에서는 DOMContentLoaded 이후에 제품 미디어를 렌더링합니다.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Uber","offers":[{"title":"Default Title","offer_id":43850871210006,"sku":"","price":100.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/Uberprideenamelpin.webp?v=1756508823","url":"https:\/\/yourstuffmade.com\/ko\/products\/uber-x-yourstuffmade-%ec%8b%9c%eb%93%9c%eb%8b%88-%eb%a7%88%eb%94%94%ea%b7%b8%eb%9d%bc-%eb%a7%9e%ec%b6%a4%ed%98%95-%ed%94%84%eb%9d%bc%ec%9d%b4%eb%93%9c-%ec%ba%a0%ed%8e%98%ec%9d%b8-%ea%b5%bf%ec%a6%88","provider":"Yourstuffmade.com","version":"1.0","type":"link"}