[{"data":1,"prerenderedAt":301},["ShallowReactive",2],{"case-brand-frontend":3,"case-related-brand-frontend":91},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"slug":10,"year":11,"industry":12,"tags":13,"body":17,"_type":85,"_id":86,"_source":87,"_file":88,"_stem":89,"_extension":90},"\u002Fcases\u002F23-brand-frontend","cases",false,"","某消费品牌 · 官网前端工程化交付","为某消费品牌承接官网前端工程化交付，从设计稿到 PC + 移动 H5 的高保真视觉还原，含跨浏览器兼容、性能优化与 CMS 字段集成。","brand-frontend",2015,"互联网产品",[14,15,16],"品牌官网","前端工程","视觉还原",{"type":18,"children":19,"toc":79},"root",[20,28,34,39,69,74],{"type":21,"tag":22,"props":23,"children":25},"element","h2",{"id":24},"项目背景",[26],{"type":27,"value":24},"text",{"type":21,"tag":29,"props":30,"children":31},"p",{},[32],{"type":27,"value":33},"国内中型消费品牌的官网视觉多由 4A 主导，落地阶段对前端的要求是\"视觉还原度高、跨端一致、可长期运营\"。客户希望一份设计稿能稳定落地 PC、移动 H5、活动专题页三类形态，并能由内容团队自助维护。",{"type":21,"tag":22,"props":35,"children":37},{"id":36},"主要内容",[38],{"type":27,"value":36},{"type":21,"tag":40,"props":41,"children":42},"ul",{},[43,49,54,59,64],{"type":21,"tag":44,"props":45,"children":46},"li",{},[47],{"type":27,"value":48},"高保真视觉还原（含响应式断点与多分辨率适配）",{"type":21,"tag":44,"props":50,"children":51},{},[52],{"type":27,"value":53},"PC \u002F 移动 H5 双端工程实现",{"type":21,"tag":44,"props":55,"children":56},{},[57],{"type":27,"value":58},"跨浏览器兼容（含 IE 老版本与移动多内核）",{"type":21,"tag":44,"props":60,"children":61},{},[62],{"type":27,"value":63},"性能优化：图片资源、关键路径渲染、懒加载",{"type":21,"tag":44,"props":65,"children":66},{},[67],{"type":27,"value":68},"与品牌方 CMS 的字段集成与文档交付",{"type":21,"tag":22,"props":70,"children":72},{"id":71},"沉淀价值",[73],{"type":27,"value":71},{"type":21,"tag":29,"props":75,"children":76},{},[77],{"type":27,"value":78},"是浩途前端工艺的早期打磨——视觉还原度与跨端工程化的稳定输出，为后续品牌营销活动、4A 协作、银行营销中台等高密度页面项目奠定底色。",{"title":7,"searchDepth":80,"depth":80,"links":81},2,[82,83,84],{"id":24,"depth":80,"text":24},{"id":36,"depth":80,"text":36},{"id":71,"depth":80,"text":71},"markdown","content:cases:23-brand-frontend.md","content","cases\u002F23-brand-frontend.md","cases\u002F23-brand-frontend","md",[92,162,232],{"_path":93,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":94,"description":95,"slug":96,"year":97,"industry":12,"tags":98,"body":102,"_type":85,"_id":159,"_source":87,"_file":160,"_stem":161,"_extension":90},"\u002Fcases\u002F54-friend-circle","某社交产品 · 好友圈子小程序","服务于熟人社交场景的好友圈子小程序，让小群体内的成员高质量分享生活、约饭、组局，避免微信群信息淹没。","friend-circle",2020,[99,100,101],"社交","小程序","圈子",{"type":18,"children":103,"toc":154},[104,108,113,117,145,149],{"type":21,"tag":22,"props":105,"children":106},{"id":24},[107],{"type":27,"value":24},{"type":21,"tag":29,"props":109,"children":110},{},[111],{"type":27,"value":112},"微信群信息过载、朋友圈过度公开，年轻群体对\"小圈子\"工具有需求。客户希望做一款轻量小程序，承接 5-30 人左右的熟人小群体内容沉淀。",{"type":21,"tag":22,"props":114,"children":115},{"id":36},[116],{"type":27,"value":36},{"type":21,"tag":40,"props":118,"children":119},{},[120,125,130,135,140],{"type":21,"tag":44,"props":121,"children":122},{},[123],{"type":27,"value":124},"圈子创建与成员管理",{"type":21,"tag":44,"props":126,"children":127},{},[128],{"type":27,"value":129},"帖子（图文 \u002F 投票 \u002F 接龙 \u002F 约局）",{"type":21,"tag":44,"props":131,"children":132},{},[133],{"type":27,"value":134},"时间线与提醒",{"type":21,"tag":44,"props":136,"children":137},{},[138],{"type":27,"value":139},"圈子内私聊",{"type":21,"tag":44,"props":141,"children":142},{},[143],{"type":27,"value":144},"内容沉淀与年度回顾",{"type":21,"tag":22,"props":146,"children":147},{"id":71},[148],{"type":27,"value":71},{"type":21,"tag":29,"props":150,"children":151},{},[152],{"type":27,"value":153},"是浩途参与原生社交产品形态的尝试，理解了熟人社交与平台社交在数据模型、隐私边界上的核心差异。",{"title":7,"searchDepth":80,"depth":80,"links":155},[156,157,158],{"id":24,"depth":80,"text":24},{"id":36,"depth":80,"text":36},{"id":71,"depth":80,"text":71},"content:cases:54-friend-circle.md","cases\u002F54-friend-circle.md","cases\u002F54-friend-circle",{"_path":163,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":164,"description":165,"slug":166,"year":167,"industry":12,"tags":168,"body":172,"_type":85,"_id":229,"_source":87,"_file":230,"_stem":231,"_extension":90},"\u002Fcases\u002F51-tech-support-2018","多客户 · 长期技术支持服务","多家既有客户系统的持续技术支持与运维服务，包括 Bug 修复、小功能迭代、性能优化、突发问题响应。","tech-support-2018",2018,[169,170,171],"运维","技术支持","长期服务",{"type":18,"children":173,"toc":224},[174,178,183,187,215,219],{"type":21,"tag":22,"props":175,"children":176},{"id":24},[177],{"type":27,"value":24},{"type":21,"tag":29,"props":179,"children":180},{},[181],{"type":27,"value":182},"浩途多年累积的客户中，相当一部分系统进入稳定运营期，客户希望以\"年度技术支持\"模式让浩途持续服务，避免每次小迭代都重新立项。",{"type":21,"tag":22,"props":184,"children":185},{"id":36},[186],{"type":27,"value":36},{"type":21,"tag":40,"props":188,"children":189},{},[190,195,200,205,210],{"type":21,"tag":44,"props":191,"children":192},{},[193],{"type":27,"value":194},"Bug 修复与小功能迭代",{"type":21,"tag":44,"props":196,"children":197},{},[198],{"type":27,"value":199},"性能监控与优化",{"type":21,"tag":44,"props":201,"children":202},{},[203],{"type":27,"value":204},"突发问题响应（含周末 \u002F 假期）",{"type":21,"tag":44,"props":206,"children":207},{},[208],{"type":27,"value":209},"季度健康度报告",{"type":21,"tag":44,"props":211,"children":212},{},[213],{"type":27,"value":214},"年度技术债清理",{"type":21,"tag":22,"props":216,"children":217},{"id":71},[218],{"type":27,"value":71},{"type":21,"tag":29,"props":220,"children":221},{},[222],{"type":27,"value":223},"是浩途\"长期主义\"价值观的工程化体现——把项目交付转向客户成功，与售前 \u002F 售中 \u002F 售后形成闭环。",{"title":7,"searchDepth":80,"depth":80,"links":225},[226,227,228],{"id":24,"depth":80,"text":24},{"id":36,"depth":80,"text":36},{"id":71,"depth":80,"text":71},"content:cases:51-tech-support-2018.md","cases\u002F51-tech-support-2018.md","cases\u002F51-tech-support-2018",{"_path":233,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":234,"description":235,"slug":236,"year":237,"industry":12,"tags":238,"body":241,"_type":85,"_id":298,"_source":87,"_file":299,"_stem":300,"_extension":90},"\u002Fcases\u002F46-mini-pricing","二手交易 · 价格估算小程序","面向消费者的二手商品智能估价小程序，输入商品类目 \u002F 品牌 \u002F 成色，结合市场行情数据生成参考价。","mini-pricing",2017,[100,239,240],"估价","二手",{"type":18,"children":242,"toc":293},[243,247,252,256,284,288],{"type":21,"tag":22,"props":244,"children":245},{"id":24},[246],{"type":27,"value":24},{"type":21,"tag":29,"props":248,"children":249},{},[250],{"type":27,"value":251},"C2C 二手交易在 2017 年随闲鱼走热，但买卖双方对\"估价多少合理\"普遍缺乏判断。客户希望以小程序形式提供\"轻量自助估价\"工具，覆盖高频品类。",{"type":21,"tag":22,"props":253,"children":254},{"id":36},[255],{"type":27,"value":36},{"type":21,"tag":40,"props":257,"children":258},{},[259,264,269,274,279],{"type":21,"tag":44,"props":260,"children":261},{},[262],{"type":27,"value":263},"类目体系（数码 \u002F 奢侈品 \u002F 家电 \u002F 图书）",{"type":21,"tag":44,"props":265,"children":266},{},[267],{"type":27,"value":268},"品牌 \u002F 型号 \u002F 成色多维输入",{"type":21,"tag":44,"props":270,"children":271},{},[272],{"type":27,"value":273},"价格区间与置信度展示",{"type":21,"tag":44,"props":275,"children":276},{},[277],{"type":27,"value":278},"历史成交参考（自有数据 + 第三方）",{"type":21,"tag":44,"props":280,"children":281},{},[282],{"type":27,"value":283},"一键发布到二手平台",{"type":21,"tag":22,"props":285,"children":286},{"id":71},[287],{"type":27,"value":71},{"type":21,"tag":29,"props":289,"children":290},{},[291],{"type":27,"value":292},"是浩途首批微信小程序原生项目，让团队系统熟悉小程序的能力边界与运营生态。",{"title":7,"searchDepth":80,"depth":80,"links":294},[295,296,297],{"id":24,"depth":80,"text":24},{"id":36,"depth":80,"text":36},{"id":71,"depth":80,"text":71},"content:cases:46-mini-pricing.md","cases\u002F46-mini-pricing.md","cases\u002F46-mini-pricing",1780542371394]