服务案例 - 鲸鱼街景店车 | 6000+客户信赖之�?/title> <meta name="description" content="鲸鱼街景店车服务案例库，覆盖文旅景区、商业街、品牌快闪、露营营地等6000+成功案例，查看乐事、海底捞、瑞幸等品牌合作详情"> <link rel="canonical" href="https://jingyujiejing.com/cases.html"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ItemList", "name": "鲸鱼街景店车服务案例", "description": "覆盖文旅景区、商业街、品牌快闪、露营营地等多元场景的服务案�?, "numberOfItems": 24, "itemListElement": [ {"@type": "ListItem", "position": 1, "name": "乐事薯片移动店车", "description": "百事公司旗下乐事品牌快闪营销案例"}, {"@type": "ListItem", "position": 2, "name": "三亚窗苔鸡蛋仔餐�?, "description": "网红小吃品牌异形定制案例"}, {"@type": "ListItem", "position": 3, "name": "丽波奶咖牛奶罐餐�?, "description": "40年历史乳品品牌IP定制案例"}, {"@type": "ListItem", "position": 4, "name": "北京欢乐谷冰淇淋�?, "description": "主题乐园移动餐饮配套案例"}, {"@type": "ListItem", "position": 5, "name": "瑞幸咖啡移动�?, "description": "连锁咖啡品牌场景拓展案例"}, {"@type": "ListItem", "position": 6, "name": "海底捞移动售卖车", "description": "知名火锅品牌场景营销案例"}, {"@type": "ListItem", "position": 7, "name": "武功山景区餐�?, "description": "山岳型景区商业配套案�?}, {"@type": "ListItem", "position": 8, "name": "苏州金鸡湖双层巴�?, "description": "城市地标网红打卡餐车案例"} ] } </script> <style> :root{--secondary:#ED8936;--bg-dark:#0A0D14;--bg-card:#111827;--text-primary:#FFFFFF;--text-secondary:rgba(255,255,255,0.72);--text-muted:rgba(255,255,255,0.4);--border:rgba(237,137,54,0.15);--border-hover:rgba(237,137,54,0.4)} *{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,"PingFang SC",sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.8} .nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background:rgba(8,12,20,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)} .nav-logo{font-size:1.3rem;font-weight:700;color:var(--secondary);text-decoration:none} .nav-links{display:flex;gap:2rem;list-style:none} .nav-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.9rem} .nav-links a:hover{color:var(--secondary)} .nav-cta{background:var(--secondary);color:var(--bg-dark)!important;padding:0.4rem 1rem;border-radius:4px;font-weight:600} .container{max-width:1200px;margin:0 auto;padding:7rem 2rem 4rem} .back-link{display:inline-block;margin-bottom:2rem;color:var(--text-secondary);text-decoration:none;font-size:0.88rem} .back-link:hover{color:var(--secondary)} .page-header{text-align:center;margin-bottom:3rem} .page-title{font-size:2rem;font-weight:800;margin-bottom:0.5rem;letter-spacing:-0.02em} .page-desc{color:var(--text-secondary)} /* 统计�?*/ .stats-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 2rem;margin-bottom:3rem;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap} .stats-bar-item{text-align:center} .stats-bar-num{font-size:1.8rem;font-weight:800;color:var(--secondary)} .stats-bar-label{font-size:0.8rem;color:var(--text-muted);margin-top:0.2rem} /* 分类筛�?*/ .filter-bar{display:flex;gap:0.8rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center} .filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:0.5rem 1.2rem;border-radius:50px;font-size:0.85rem;cursor:pointer;transition:all 0.3s;font-family:inherit} .filter-btn:hover,.filter-btn.active{background:rgba(237,137,54,0.15);border-color:var(--secondary);color:var(--secondary)} /* 案例网格 */ .case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem} .case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all 0.4s;cursor:pointer} .case-card:hover{border-color:var(--secondary);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.3)} .case-image{height:180px;background:linear-gradient(145deg,#1B3A5C,#0F2540);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative} .case-image-tag{position:absolute;top:1rem;right:1rem;background:var(--secondary);color:var(--bg-dark);padding:0.3rem 0.8rem;border-radius:6px;font-size:0.72rem;font-weight:700;z-index:1} .case-image-sub{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(transparent,#111827);z-index:1} .case-body{padding:1.5rem} .case-industry{font-size:0.75rem;color:var(--secondary);font-weight:600;letter-spacing:0.05em;margin-bottom:0.5rem} .case-title{font-size:1.05rem;font-weight:700;margin-bottom:0.5rem} .case-desc{color:var(--text-secondary);font-size:0.88rem;margin-bottom:1rem;line-height:1.6} .case-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem} .case-tag{background:rgba(237,137,54,0.08);color:var(--text-muted);padding:0.2rem 0.6rem;border-radius:4px;font-size:0.72rem;border:1px solid var(--border)} .case-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);font-size:0.82rem;color:var(--text-muted)} .case-stat{color:var(--secondary);font-weight:700} .case-arrow{color:var(--secondary);font-size:1.2rem;transition:transform 0.3s} .case-card:hover .case-arrow{transform:translateX(4px)} /* 详情弹窗 */ .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:2000;display:none;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(4px)} .modal-overlay.show{display:flex} .modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;max-width:720px;width:100%;max-height:85vh;overflow-y:auto;position:relative} .modal-header{padding:2rem 2rem 0;display:flex;justify-content:space-between;align-items:flex-start} .modal-title{font-size:1.4rem;font-weight:800} .modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0.5rem;line-height:1} .modal-close:hover{color:var(--secondary)} .modal-body{padding:1.5rem 2rem 2rem} .modal-section{margin-bottom:2rem} .modal-section h3{color:var(--secondary);font-size:0.9rem;margin-bottom:0.8rem;font-weight:700;letter-spacing:0.05em} .modal-section p{color:var(--text-secondary);font-size:0.92rem} .modal-highlights{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .modal-highlight{background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;padding:1rem;text-align:center} .modal-highlight-icon{font-size:1.5rem;margin-bottom:0.3rem} .modal-highlight-label{font-size:0.75rem;color:var(--text-muted)} .modal-highlight-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-top:0.2rem} .modal-products{display:flex;flex-wrap:wrap;gap:0.5rem} .modal-product-tag{background:rgba(237,137,54,0.1);color:var(--secondary);padding:0.3rem 0.8rem;border-radius:6px;font-size:0.8rem;font-weight:600;border:1px solid var(--border)} .modal-result{background:rgba(237,137,54,0.05);border:1px solid rgba(237,137,54,0.2);border-radius:10px;padding:1.2rem} .modal-result p{color:var(--text-secondary);font-size:0.9rem;margin-bottom:0.5rem} .modal-result strong{color:var(--secondary)} .modal-contact{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)} .modal-contact p{color:var(--text-muted);font-size:0.85rem;margin-bottom:0.5rem} .modal-contact strong{color:var(--text-primary)} .modal-btn{display:inline-block;background:var(--secondary);color:var(--bg-dark);padding:0.75rem 2rem;border-radius:6px;text-decoration:none;font-weight:700;margin-top:1rem} /* CTA */ .cta-section{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:3rem;text-align:center;margin-top:3rem} .cta-section h2{font-size:1.5rem;font-weight:800;margin-bottom:0.8rem} .cta-section p{color:var(--text-secondary);margin-bottom:1.5rem} .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap} .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.8rem;border-radius:8px;font-size:0.95rem;font-weight:700;text-decoration:none;transition:all 0.3s;cursor:pointer;border:none;font-family:inherit} .btn-primary{background:var(--secondary);color:var(--bg-dark)} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(237,137,54,0.3)} .btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-hover)} .btn-outline:hover{border-color:var(--secondary);color:var(--secondary);transform:translateY(-2px)} @media(max-width:768px){.container{padding:7rem 1rem 2rem}.case-grid{grid-template-columns:1fr}.modal-highlights{grid-template-columns:1fr}.stats-bar{gap:1.5rem}} </style> </head> <body> <nav class="nav"> <a href="/" class="nav-logo">🐋 鲸鱼街景店车</a> <ul class="nav-links"> <li><a href="/">首页</a></li><li><a href="/news/">新闻动�?/a></li><li><a href="/articles/">行业洞察</a></li> <li><a href="/cases.html" class="active" style="color:var(--secondary)">服务案例</a></li> <li><a href="/#contact" class="nav-cta">立即咨询</a></li> </ul> </nav> <div class="container"> <a href="/" class="back-link">�?返回首页</a> <div class="page-header"> <h1 class="page-title">📂 服务案例�?/h1> <p class="page-desc">6000+客户信赖之选，覆盖多元商业场景的真实落地案�?/p> </div>  <div class="stats-bar"> <div class="stats-bar-item"><div class="stats-bar-num">6000+</div><div class="stats-bar-label">服务客户</div></div> <div class="stats-bar-item"><div class="stats-bar-num">36</div><div class="stats-bar-label">产品系列</div></div> <div class="stats-bar-item"><div class="stats-bar-num">39</div><div class="stats-bar-label">重点案例</div></div> <div class="stats-bar-item"><div class="stats-bar-num">30+</div><div class="stats-bar-label">合作品牌</div></div> <div class="stats-bar-item"><div class="stats-bar-num">100+</div><div class="stats-bar-label">覆盖城市</div></div> </div>  <div class="filter-bar"> <button class="filter-btn active" data-filter="all">全部案例</button> <button class="filter-btn" data-filter="pinpao">品牌快闪</button> <button class="filter-btn" data-filter="wenlv">文旅景区</button> <button class="filter-btn" data-filter="shangye">商业地产</button> <button class="filter-btn" data-filter="canyin">餐饮零售</button> <button class="filter-btn" data-filter="luying">露营户外</button> <button class="filter-btn" data-filter="ip">IP主题</button> </div>  <div class="case-grid" id="caseGrid">  <div class="case-card" data-type="pinpao" data-case="leshi"> <div class="case-image" style="background:linear-gradient(145deg,#E6A817,#C88B0A)"> 🍟<div class="case-image-tag">🔥 品牌快闪</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">品牌快闪 · 国际快消</div> <h3 class="case-title">乐事薯片 · 移动店车快闪营销</h3> <p class="case-desc">为百事公司旗下乐事品牌打造全国一线城市核心商圈快闪营销车，亮黄色整车涂�?巨型3D薯片包造型+多口味试吃体验�?/p> <div class="case-tags"> <span class="case-tag">快消品牌</span><span class="case-tag">快闪营销</span><span class="case-tag">新品推广</span><span class="case-tag">一线城�?/span> </div> <div class="case-footer"> <span>覆盖<span class="case-stat">北上广深</span>等城�?/span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="pinpao" data-case="haidilao"> <div class="case-image" style="background:linear-gradient(145deg,#D4380D,#B52A08)"> 🍲<div class="case-image-tag">�?品牌合作</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">品牌快闪 · 知名连锁</div> <h3 class="case-title">海底�?· 移动售卖�?/h3> <p class="case-desc">为知名火锅品牌海底捞定制移动售卖车，延伸品牌服务场景，实现门店外的品牌曝光与客户引流�?/p> <div class="case-tags"> <span class="case-tag">火锅品牌</span><span class="case-tag">场景延伸</span><span class="case-tag">品牌曝光</span><span class="case-tag">全国连锁</span> </div> <div class="case-footer"> <span>合作品牌<span class="case-stat">知名火锅</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="pinpao" data-case="luckin"> <div class="case-image" style="background:linear-gradient(145deg,#1B3A5C,#0074D9)"> �?div class="case-image-tag">�?品牌合作</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">品牌快闪 · 连锁咖啡</div> <h3 class="case-title">瑞幸咖啡 · 移动咖啡�?/h3> <p class="case-desc">为瑞幸咖啡打造场景拓展型移动咖啡车，将专业咖啡服务延伸至商业街、写字楼、活动现场等非门店场景�?/p> <div class="case-tags"> <span class="case-tag">咖啡品牌</span><span class="case-tag">场景拓展</span><span class="case-tag">写字�?/span><span class="case-tag">活动现场</span> </div> <div class="case-footer"> <span>合作品牌<span class="case-stat">瑞幸咖啡</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="pinpao" data-case="dq"> <div class="case-image" style="background:linear-gradient(145deg,#E91E63,#AD1457)"> 🍨<div class="case-image-tag">�?国际品牌</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">品牌快闪 · 国际冰淇�?/div> <h3 class="case-title">DQ冰淇�?· 品牌定制餐车</h3> <p class="case-desc">为国际知名冰淇淋品牌DQ定制移动售卖车，以品牌标准色和视觉形象打造高辨识度移动门店�?/p> <div class="case-tags"> <span class="case-tag">冰淇淋品�?/span><span class="case-tag">国际品牌</span><span class="case-tag">品牌定制</span><span class="case-tag">上海</span> </div> <div class="case-footer"> <span>合作品牌<span class="case-stat">DQ冰淇�?/span></span> <span class="case-arrow">�?/span> </div> </div> </div>  <div class="case-card" data-type="wenlv" data-case="wugongshan"> <div class="case-image" style="background:linear-gradient(145deg,#1B3A5C,#0F2540)"> 🏔�?div class="case-image-tag">🏆 重点案例</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">文旅景区 · 山岳型景�?/div> <h3 class="case-title">武功山景�?· 移动商业配套</h3> <p class="case-desc">为国家级山岳型景区武功山提供全套移动商业配套方案，解决景区商业覆盖不足问题，提升游客消费体验�?/p> <div class="case-tags"> <span class="case-tag">5A级景�?/span><span class="case-tag">山岳�?/span><span class="case-tag">商业配套</span><span class="case-tag">全套方案</span> </div> <div class="case-footer"> <span>景区级别<span class="case-stat">国家5A�?/span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="wenlv" data-case="nantong"> <div class="case-image" style="background:linear-gradient(145deg,#0F2540,#1B3A5C)"> 🦁<div class="case-image-tag">🐾 动物�?/div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">文旅景区 · 动物�?/div> <h3 class="case-title">南通野生动物园 · 移动售卖�?/h3> <p class="case-desc">为南通野生动物园定制多台移动售卖车，融入动物元素主题设计，既是商业设施又是景区一景�?/p> <div class="case-tags"> <span class="case-tag">动物�?/span><span class="case-tag">主题定制</span><span class="case-tag">亲子客群</span><span class="case-tag">南�?/span> </div> <div class="case-footer"> <span>服务游客<span class="case-stat">亲子家庭</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="wenlv" data-case="guyan"> <div class="case-image" style="background:linear-gradient(145deg,#1B3A5C,#2A4F7A)"> 🏯<div class="case-image-tag">🎨 文旅街区</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">文旅街区 · 古镇景区</div> <h3 class="case-title">古堰画乡 · 文旅街区餐车</h3> <p class="case-desc">为浙江丽水古堰画乡古镇景区定制水乡风格街景餐车，融入江南水乡元素，实现文化与商业的完美融合�?/p> <div class="case-tags"> <span class="case-tag">古镇景区</span><span class="case-tag">江南水乡</span><span class="case-tag">文化融合</span><span class="case-tag">街景餐车</span> </div> <div class="case-footer"> <span>景区类型<span class="case-stat">4A级古�?/span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="wenlv" data-case="tianchi"> <div class="case-image" style="background:linear-gradient(145deg,#0F2540,#1B3A5C)"> 🚐<div class="case-image-tag">🏕�?景区房车</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">文旅景区 · 高端景区</div> <h3 class="case-title">安吉天池景区 · 景区房车</h3> <p class="case-desc">为浙江安吉天池景区（江南天池景区）定制高端移动房车商业配套，服务高端自驾游客群体�?/p> <div class="case-tags"> <span class="case-tag">高端景区</span><span class="case-tag">自驾游客</span><span class="case-tag">房车配套</span><span class="case-tag">浙江安吉</span> </div> <div class="case-footer"> <span>服务客群<span class="case-stat">高端自驾</span></span> <span class="case-arrow">�?/span> </div> </div> </div>  <div class="case-card" data-type="shangye" data-case="wangfujing"> <div class="case-image" style="background:linear-gradient(145deg,#D4380D,#B52A08)"> 🌹<div class="case-image-tag">🏆 重点案例</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">商业地产 · 城市地标</div> <h3 class="case-title">北京王府�?· 一朵小红花</h3> <p class="case-desc">为北京王府井商业街知名网红品�?一朵小红花"定制主题打卡餐车，成为王府井街头最受年轻人欢迎的拍照打卡点之一�?/p> <div class="case-tags"> <span class="case-tag">商业�?/span><span class="case-tag">网红打卡</span><span class="case-tag">王府�?/span><span class="case-tag">年轻�?/span> </div> <div class="case-footer"> <span>位置<span class="case-stat">王府井大�?/span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="shangye" data-case="suzhou_bus"> <div class="case-image" style="background:linear-gradient(145deg,#1B3A5C,#0F2540)"> 🚌<div class="case-image-tag">🔥 网红爆款</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">商业地产 · 城市地标</div> <h3 class="case-title">苏州金鸡�?· 双层巴士餐车</h3> <p class="case-desc">为苏州金鸡湖景区定制双层网红巴士餐车，融合苏州城市元素，成为金鸡湖畔的标志性打卡景点�?/p> <div class="case-tags"> <span class="case-tag">双层巴士</span><span class="case-tag">网红打卡</span><span class="case-tag">金鸡�?/span><span class="case-tag">苏州地标</span> </div> <div class="case-footer"> <span>定位<span class="case-stat">城市地标</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="shangye" data-case="baihuiv"> <div class="case-image" style="background:linear-gradient(145deg,#0F2540,#1B3A5C)"> �?div class="case-image-tag">💼 商业配套</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">商业地产 · 商业综合�?/div> <h3 class="case-title">上海百脑�?· 移动咖啡�?/h3> <p class="case-desc">为上海百脑汇IT商场定制配套移动咖啡车，服务年轻IT从业者和购物人群，丰富商场商业配套�?/p> <div class="case-tags"> <span class="case-tag">商场配套</span><span class="case-tag">咖啡�?/span><span class="case-tag">年轻客群</span><span class="case-tag">上海</span> </div> <div class="case-footer"> <span>商场类型<span class="case-stat">IT数码</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="shangye" data-case="shenyang"> <div class="case-image" style="background:linear-gradient(145deg,#1B3A5C,#0F2540)"> 📺<div class="case-image-tag">🏙�?城市地标</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">商业地产 · 城市地标</div> <h3 class="case-title">沈阳彩电�?· 移动售卖�?/h3> <p class="case-desc">为沈阳彩电塔商圈定制主题移动售卖车，与城市地标联动，成为沈阳夜经济的亮点项目�?/p> <div class="case-tags"> <span class="case-tag">城市地标</span><span class="case-tag">夜经�?/span><span class="case-tag">主题定制</span><span class="case-tag">沈阳</span> </div> <div class="case-footer"> <span>合作项目<span class="case-stat">城市地标</span></span> <span class="case-arrow">�?/span> </div> </div> </div>  <div class="case-card" data-type="canyin" data-case="chuangket"> <div class="case-image" style="background:linear-gradient(145deg,#F5E6D3,#E8C9A8)"> 🍳<div class="case-image-tag">🔥 网红爆款</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">餐饮零售 · 网红小吃</div> <h3 class="case-title">三亚窗苔 · 鸡蛋仔餐�?/h3> <p class="case-desc">为网红小吃品牌窗苔定制异形胶囊型移动餐车，奶白色+木纹撞色+LED灯箱，设有座椅区，日夜吸睛，现场排队打卡�?/p> <div class="case-tags"> <span class="case-tag">网红小吃</span><span class="case-tag">异形定制</span><span class="case-tag">打卡效应</span><span class="case-tag">三亚</span> </div> <div class="case-footer"> <span>品牌类型<span class="case-stat">网红小吃</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="canyin" data-case="libo"> <div class="case-image" style="background:linear-gradient(145deg,#F0F4F8,#E0E8F0)"> 🥛<div class="case-image-tag">🏆 经典案例</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">餐饮零售 · 乳品连锁</div> <h3 class="case-title">丽波奶咖 · 牛奶罐造型餐车</h3> <p class="case-desc">为源�?979年的丽波奶咖品牌定制高约3米巨型牛奶罐造型FRP售货亭，100%还原欧式经典外形，LED夜间发光�?店铺即广告牌"�?/p> <div class="case-tags"> <span class="case-tag">乳品品牌</span><span class="case-tag">FRP造型</span><span class="case-tag">40年历�?/span><span class="case-tag">快闪布展</span> </div> <div class="case-footer"> <span>品牌历史<span class="case-stat">1979�?/span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="canyin" data-case="huanlegu"> <div class="case-image" style="background:linear-gradient(145deg,#1B3A5C,#0F2540)"> 🍦<div class="case-image-tag">�?推荐</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">餐饮零售 · 主题乐园</div> <h3 class="case-title">北京欢乐�?· 冰淇淋车</h3> <p class="case-desc">为北京欢乐谷主题乐园定制3台双窗口冰淇淋售卖车，轻资产入场开店成本降低约70%，双窗口提升坪效，获高度认可�?/p> <div class="case-tags"> <span class="case-tag">主题乐园</span><span class="case-tag">冰淇�?/span><span class="case-tag">轻资�?/span><span class="case-tag">降本70%</span> </div> <div class="case-footer"> <span>覆盖设备<span class="case-stat">3�?/span></span> <span class="case-arrow">�?/span> </div> </div> </div>  <div class="case-card" data-type="luying" data-case="duku"> <div class="case-image" style="background:linear-gradient(145deg,#0F2540,#1B3A5C)"> 🛣�?div class="case-image-tag">🏕�?公路旅游</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">露营户外 · 公路旅游</div> <h3 class="case-title">独库公路 · 移动服务�?/h3> <p class="case-desc">为独库公路（中国最美公路）旅游走廊提供移动服务车配套，解决公路沿途服务设施不足问题，服务自驾游客�?/p> <div class="case-tags"> <span class="case-tag">公路旅游</span><span class="case-tag">自驾�?/span><span class="case-tag">移动服务</span><span class="case-tag">西北</span> </div> <div class="case-footer"> <span>项目类型<span class="case-stat">旅游配套</span></span> <span class="case-arrow">�?/span> </div> </div> </div>  <div class="case-card" data-type="ip" data-case="baochiguanxin"> <div class="case-image" style="background:linear-gradient(145deg,#FF6B9D,#C44569)"> 🦋<div class="case-image-tag">🎨 IP主题</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">IP主题 · 网红IP</div> <h3 class="case-title">深圳保持开�?· IP主题餐车</h3> <p class="case-desc">为深圳保持开心品牌IP定制主题移动餐车，将品牌IP形象融入车身设计，成为移动的品牌广告载体�?/p> <div class="case-tags"> <span class="case-tag">品牌IP</span><span class="case-tag">主题餐车</span><span class="case-tag">深圳</span><span class="case-tag">网红品牌</span> </div> <div class="case-footer"> <span>项目类型<span class="case-stat">IP定制</span></span> <span class="case-arrow">�?/span> </div> </div> </div> <div class="case-card" data-type="ip" data-case="chongxiaolv"> <div class="case-image" style="background:linear-gradient(145deg,#7CB342,#558B2F)"> 🐛<div class="case-image-tag">🎨 IP主题</div><div class="case-image-sub"></div> </div> <div class="case-body"> <div class="case-industry">IP主题 · 品牌IP</div> <h3 class="case-title">虫小�?· IP主题售卖�?/h3> <p class="case-desc">为虫小绿品牌IP定制专属主题移动售卖车，融入品牌绿色生态元素，打造绿色生态主题网红打卡点�?/p> <div class="case-tags"> <span class="case-tag">品牌IP</span><span class="case-tag">生态主�?/span><span class="case-tag">网红打卡</span><span class="case-tag">绿色</span> </div> <div class="case-footer"> <span>项目类型<span class="case-stat">IP定制</span></span> <span class="case-arrow">�?/span> </div> </div> </div> </div>  <div class="cta-section"> <h2>📞 获取专属定制方案</h2> <p>鲸鱼街景店车专业团队可根据您的场景需求，量身定制最适合的移动商业解决方�?/p> <div class="cta-buttons"> <a href="/#contact" class="btn btn-primary">🐋 立即咨询</a> <a href="tel:15589086555" class="btn btn-outline">📞 电话�?3153910878</a> </div> </div> </div>  <div class="modal-overlay" id="caseModal"> <div class="modal"> <div class="modal-header"> <h2 class="modal-title" id="modalTitle">案例详情</h2> <button class="modal-close" onclick="closeModal()">×</button> </div> <div class="modal-body" id="modalBody"></div> </div> </div> <script> // 案例详情数据 const caseData = { leshi: { title: "乐事薯片 · 移动店车快闪营销", industry: "品牌快闪 · 国际快消�?, icon: "🍟", products: ["品牌定制快闪�?, "整车涂装", "3D产品造型"], highlights: [ {icon:"🌆", label:"覆盖城市", value:"一线城�?}, {icon:"🎯", label:"活动类型", value:"快闪营销"}, {icon:"👥", label:"触达人群", value:"百万�?} ], desc: "为百事公司旗下乐事品牌打造全国一线城市核心商圈移动店车快闪营销方案，整车采用乐事标志性亮黄色涂装，车顶设置巨型立体Lay's LOGO招牌，车身融合真实尺寸的3D薯片包造型吸引眼球�?, result: "活动全程持续有消费者驻足围观、多组顾客排队试吃打卡。覆盖年轻女性、白领、家庭客群等多层级，品牌曝光效果显著，成为快消品牌线下营销的标杆案例�? }, chuangket: { title: "三亚窗苔 · 鸡蛋仔餐�?, industry: "餐饮零售 · 网红小吃", icon: "🍳", products: ["异形胶囊餐车", "LED灯箱", "升降顶棚"], highlights: [ {icon:"📍", label:"地点", value:"三亚商圈"}, {icon:"🍳", label:"品类", value:"鸡蛋�?}, {icon:"�?, label:"效果", value:"排队打卡"} ], desc: "为网红小吃品牌窗苔定制异形胶囊型移动餐车，采用奶白色+木纹撞色设计，配备LED灯箱招牌和大尺寸LED展示屏，可升降顶棚兼顾通风与遮阳，现场设有座椅区提升连带消费�?, result: "开业即形成排队效应，大量年轻女性、儿童和家庭客群打卡拍照。夜间灯光效果尤为吸睛，成为所在商圈的网红打卡地标�? }, libo: { title: "丽波奶咖 · 牛奶罐造型餐车", industry: "餐饮零售 · 乳品连锁", icon: "🥛", products: ["FRP牛奶罐造型", "LED灯带", "万向脚轮"], highlights: [ {icon:"📅", label:"品牌历史", value:"1979�?}, {icon:"📏", label:"罐体高度", value:"�?�?}, {icon:"🏆", label:"设计", value:"100%还原"} ], desc: "为源�?979年的丽波奶咖品牌定制高约3米的巨型欧式牛奶罐造型FRP移动售货亭，100%还原经典欧洲乳品风格，LED灯带夜间品牌发光识别，底置承重钢�?万向脚轮可快速布展�?, result: "\"店铺即广告牌\"效果显著，边经营边做品牌曝光。快闪布展灵活性强，适合品牌各种活动场景需求�? }, huanlegu: { title: "北京欢乐�?· 冰淇淋车", industry: "餐饮零售 · 主题乐园", icon: "🍦", products: ["双窗口冰淇淋�?, "保温车厢", "折叠遮阳�?], highlights: [ {icon:"🏰", label:"景区", value:"北京欢乐�?}, {icon:"🍦", label:"设备数量", value:"3�?}, {icon:"💰", label:"成本降低", value:"�?0%"} ], desc: "为北京欢乐谷主题乐园定制3台双窗口冰淇淋售卖车，折叠遮阳棚5秒完成开�?收纳，一体化保温车厢满足冰淇�?18℃储存需求，双窗口设计提升运营坪效�?, result: "轻资产入场，开店成本降低约70%，双窗口设计使服务效率翻倍，设备获景区高度认可并持续使用�? }, wugongshan: { title: "武功山景�?· 移动商业配套", industry: "文旅景区 · 山岳型景�?, icon: "🏔�?, products: ["景区餐车", "移动商业�?, "全套方案"], highlights: [ {icon:"�?, label:"景区级别", value:"国家5A�?}, {icon:"🏔�?, label:"景区类型", value:"山岳�?}, {icon:"👥", label:"覆盖客群", value:"全国游客"} ], desc: "为国家级山岳型景区武功山提供全套移动商业配套方案，解决山地景区商业覆盖不足的问题，为登山游客提供便捷的餐饮服务，同时不影响景区的自然景观�?, result: "有效提升景区商业服务能力，解决游�?吃饭�?问题，成为景区基础设施的重要补充�? }, luckin: { title: "瑞幸咖啡 · 移动咖啡�?, industry: "品牌快闪 · 连锁咖啡", icon: "�?, products: ["移动咖啡�?, "品牌定制", "专业咖啡设备"], highlights: [ {icon:"�?, label:"品牌", value:"瑞幸咖啡"}, {icon:"🏙�?, label:"场景", value:"多场�?}, {icon:"📍", label:"地点", value:"全国"} ], desc: "为瑞幸咖啡打造场景拓展型移动咖啡车，将专业咖啡服务延伸至商业街、写字楼、活动现场等非门店场景，实现咖啡服务的灵活渗透�?, result: "有效拓展瑞幸的服务半径，覆盖更多非门店场景的咖啡消费需求�? }, suzhou_bus: { title: "苏州金鸡�?· 双层巴士餐车", industry: "商业地产 · 城市地标", icon: "🚌", products: ["双层巴士餐车", "网红打卡", "城市元素"], highlights: [ {icon:"🏙�?, label:"位置", value:"金鸡湖畔"}, {icon:"🚌", label:"类型", value:"双层巴士"}, {icon:"📸", label:"效果", value:"网红打卡"} ], desc: "为苏州金鸡湖景区定制双层网红巴士餐车，将苏州城市文化元素融入车身设计，成为金鸡湖畔的标志性打卡景点�?, result: "成为苏州金鸡湖畔最受游客欢迎的打卡点之一，社交媒体自发传播量大，品牌曝光效果显著�? }, wangfujing: { title: "北京王府�?· 一朵小红花", industry: "商业地产 · 城市地标", icon: "🌹", products: ["网红打卡餐车", "主题定制", "品牌餐车"], highlights: [ {icon:"📍", label:"位置", value:"王府井大�?}, {icon:"👥", label:"客群", value:"年轻�?}, {icon:"📸", label:"效果", value:"打卡热点"} ], desc: "为北京王府井商业街知名网红品�?一朵小红花"定制主题打卡餐车，高颜值设计使其成为王府井街头最受年轻人欢迎的拍照打卡点之一�?, result: "大幅提升品牌在王府井商圈的知名度，吸引大量年轻消费者主动打卡拍照，社交传播效果显著�? }, gurun: { title: "古堰画乡 · 文旅街区餐车", industry: "文旅街区 · 古镇景区", icon: "🏯", products: ["街景餐车", "文旅定制", "水乡风格"], highlights: [ {icon:"�?, label:"景区级别", value:"4A�?}, {icon:"🏯", label:"风格", value:"江南水乡"}, {icon:"📍", label:"地点", value:"浙江丽水"} ], desc: "为浙江丽水古堰画乡古镇景区定制水乡风格街景餐车，将江南水乡元素与现代餐车工艺完美融合，成为景区文化展示与商业服务的重要载体�?, result: "实现文化与商业的完美融合，成为景区内独具特色的商业设施�? } }; // 弹窗 function openModal(id) { const data = caseData[id]; if (!data) return; document.getElementById('modalTitle').textContent = data.title; document.getElementById('modalBody').innerHTML = ` <div class="modal-section"> <h3>项目概况</h3> <p>${data.desc}</p> </div> <div class="modal-section"> <h3>核心数据</h3> <div class="modal-highlights"> ${data.highlights.map(h => `<div class="modal-highlight"><div class="modal-highlight-icon">${h.icon}</div><div class="modal-highlight-label">${h.label}</div><div class="modal-highlight-value">${h.value}</div></div>`).join('')} </div> </div> <div class="modal-section"> <h3>应用产品</h3> <div class="modal-products"> ${data.products.map(p => `<span class="modal-product-tag">${p}</span>`).join('')} </div> </div> <div class="modal-section"> <h3>运营效果</h3> <div class="modal-result"><p>${data.result}</p></div> </div> <div class="modal-contact"> <p>🐋 <strong>山东鲸鱼街景店车智能科技有限公司</strong></p> <p>📞 全国热线�?strong>15589086555</strong>（微信同号） | QQ�?strong>202855258</strong></p> <p>📍 山东省临沂市罗庄区傅庄街道通达路s38号</p> <a href="/#contact" class="modal-btn">🐋 获取类似方案 �?/a> </div> `; document.getElementById('caseModal').classList.add('show'); document.body.style.overflow = 'hidden'; } function closeModal() { document.getElementById('caseModal').classList.remove('show'); document.body.style.overflow = ''; } document.getElementById('caseModal').addEventListener('click', e => { if(e.target===e.currentTarget) closeModal(); }); // 案例点击 document.querySelectorAll('.case-card').forEach(card => { card.addEventListener('click', () => { const id = card.dataset.case; if (id) openModal(id); }); }); // 分类筛�?const filterBtns = document.querySelectorAll('.filter-btn'); const caseCards = document.querySelectorAll('.case-card'); filterBtns.forEach(btn => { btn.addEventListener('click', () => { const filter = btn.dataset.filter; filterBtns.forEach(b => b.classList.remove('active')); btn.classList.add('active'); caseCards.forEach(card => { if (filter === 'all' || card.dataset.type === filter) { card.style.display = ''; } else { card.style.display = 'none'; } }); }); }); // 键盘关闭 document.addEventListener('keydown', e => { if(e.key==='Escape') closeModal(); }); </script> </body> </html>