问题定义
宠物社交不只是“发动态”,核心矛盾在于用户需要安全、可信、低压力地找到附近同好与宠物伙伴。
一个从 0 到 1 完成的宠物社交 App 设计项目。我把用户调研、竞品分析、信息架构、视觉规范与高保真界面串成完整流程,让作品不只停留在“好看”,也能说明设计判断。

这类产品很容易只做成宠物照片流,但真实使用场景里,用户更关心匹配是否安全、关系是否自然、线下活动是否可信。因此我优先建立信息架构,再用视觉系统和互动路径支撑用户连续使用。
宠物社交不只是“发动态”,核心矛盾在于用户需要安全、可信、低压力地找到附近同好与宠物伙伴。
将体验拆成首页动态、性格匹配、公园探索、宠物档案、私信与活动报名六条主路径,减少用户进入成本。
完成 36 个核心页面与一套可复用组件规范,让视觉、交互与信息层级在移动端保持一致。
TailTide 的视觉目标是亲近、可信、有生命力。系统层面我避免过度装饰,用稳定的组件关系承载复杂功能,让社区浏览、匹配、档案与活动模块看起来属于同一个产品。
以活力橙与自然棕作为品牌记忆点,用暖米色降低信息密度带来的疲劳感。
统一按钮、标签、头像、卡片与列表状态,保证从社区到私信的界面行为可预期。
控制卡片圆角、间距与留白比例,让页面在高频浏览和快速决策时依然清楚。
从首页动态到私信,从性格匹配到活动报名,我将每个页面都放回用户任务里检查:用户下一步要做什么、需要看见什么、哪些信息必须被弱化。这也是我希望面试官看到的能力:不只是会排版,而是能把界面服务于流程。
横向浏览保留了作品集的动态感,但每张屏幕都标明了功能语义,方便浏览者快速理解产品结构。





