PETNAPO

01 / 首页

认识宠物与服务范围

首页用宠物影像介绍网站主题，品种入口与服务内容承接后续浏览。访客既可以先看宠物，也能先了解服务与常见问题。

首页将宠物照片与品种入口放在前段，再介绍服务与常见问题。想先看宠物的访客可以直接进入列表，关心后续照护与服务的人也有继续了解的入口。浅色背景、圆角图片和棕黄色按钮保持亲和感，同时让查看与咨询动作在照片之间容易辨认。

02 / 宠物筛选

筛选项、搜索与宠物卡片放在同一页面，访客可以从类别进入具体列表。页面保留统一的查看入口，让查找和继续了解形成连续步骤。

品种页面将筛选放在列表一侧，搜索靠近品种标题，宠物卡片统一保留照片、基础信息与查看按钮。顾客可以从类别进入，也可以进一步查找目标；不同入口都停留在当前列表里。页面要回答的是有哪些具体宠物可继续了解，而不只是展示一组漂亮照片。

03 / 服务说明

服务内容按主题分段，常见问题集中在后半部分。需要进一步了解照护与服务安排的访客，可以在联系前先找到基本说明。

服务说明用一段文字配一张插画的方式逐项展开，常见问题集中放在后面，避免与宠物列表混排。访客先了解服务覆盖哪些事情，再阅读具体疑问，最后进入联系。独立的服务页面让需要深入了解的人有明确去处，宠物列表也能继续专注于查找与比较。

移动端

手机端沿用宠物介绍、品种入口、服务说明和联系的阅读顺序。大幅宠物影像先建立主题，后面的信息改为纵向阅读，按钮跟随对应内容出现。浏览宠物与了解服务仍有各自入口，避免窄屏只剩连续照片、找不到下一步。