本地服务网站设计：统一结构中的业务归属

Vertdure 与 Vext 的移动页面共享一些明显的结构：顶部品牌、问题知识内容、报价按钮，以及引向另一类服务的提示。绿色草坪和虫害治理的视觉气质又有较大差别。对这组本地服务页面而言，结构的连续性很好理解，真正需要细看的，是切换后服务对象和业务归属是否同样清楚。

核心结论

• 共享页面结构能形成连续的浏览体验，业务名称与报价归属也要一同交代。
• 空状态标题应准确说明当前进度，再承接报价或服务浏览。
• 知识页、服务目录与询价入口需要围绕同一服务对象组织。

先说明服务，再给出两种行动

Vertdure 首屏以工作人员照片作背景，白色标题用常规字形与斜体组合介绍草坪相关服务。绿色报价按钮和黑色服务浏览按钮紧邻出现，分别回应已经准备询价和仍需了解范围的两种需求。图片提供现场感，文字与按钮则把这一印象转成可以继续操作的入口。

问题页以蓝色背景承载“常见问题”入口，家庭庭院照片之后出现虫害服务提示。蒲公英详情又换成黄色背景，配有描述、植物图片和编号内容。不同内容通过色彩分区，识别速度较快；知识说明与服务报价仍宜分清，让读者知道自己是在查阅问题，还是已经进入服务选择。

同样的知识结构，不同的视觉语气

Vext 使用棕色背景和更粗的白色标题，工作人员照片延续服务现场的主题；耳夹虫详情以鲜红色展开，描述、大图、小图和后续内容按纵向顺序排列。与草坪页面较柔和的斜体相比，这里的字重和颜色更强，能够保留另一类服务的识别特征。

页面底部也出现草坪品牌和箭头，形成相互引导的关系。切换后的品牌名称、服务范围和报价归属最好一起交代，避免访客沿用上一页的理解。界达设计工作室（JVDS）更倾向于共享导航与内容组件，同时分别核对每条业务的名称、条目和操作文案；统一结构需要落实到内容归属，而不只是换一套颜色。

空购物车和服务目录要说同一件事

一张页面以虫形装饰围住 Oops 提示，说明购物车里尚未加入套餐，并提供报价和浏览服务的按钮。它能把空状态接回可执行的动作。不过另一张类似画面先用“谢谢”的标题，再说明没有添加套餐，感谢语气容易让人误以为某个步骤已经完成，标题与状态说明宜保持一致。

黑色服务列表把施肥、处理、通气等名称纵向排开，其中一行用红色突出，并显示数字 7。列表适合较快扫描，但这些名称与当前虫害服务的关系，以及数字代表条目数还是另一种信息，需要由栏目说明补足。明确跨业务服务是否共用目录，也能让报价按钮承接正确的服务选择。