Kui0408@126.com
Pet Social App / Product Design

TailTide

一个从 0 到 1 完成的宠物社交 App 设计项目。我把用户调研、竞品分析、信息架构、视觉规范与高保真界面串成完整流程,让作品不只停留在“好看”,也能说明设计判断。

TailTide 应用界面展示
Role

独立产品 / UI/UX 设计

Timeline

2025.11 — 2026.05

Deliverables

36 个核心页面、设计系统、信息架构

Evidence

0-1 产品设计流程

Design Logic

把“宠物社交”拆成可信、轻松、可持续的体验。

这类产品很容易只做成宠物照片流,但真实使用场景里,用户更关心匹配是否安全、关系是否自然、线下活动是否可信。因此我优先建立信息架构,再用视觉系统和互动路径支撑用户连续使用。

问题定义

宠物社交不只是“发动态”,核心矛盾在于用户需要安全、可信、低压力地找到附近同好与宠物伙伴。

结构梳理

将体验拆成首页动态、性格匹配、公园探索、宠物档案、私信与活动报名六条主路径,减少用户进入成本。

交付结果

完成 36 个核心页面与一套可复用组件规范,让视觉、交互与信息层级在移动端保持一致。

Design System

一套温暖但不松散的移动端规范。

TailTide 的视觉目标是亲近、可信、有生命力。系统层面我避免过度装饰,用稳定的组件关系承载复杂功能,让社区浏览、匹配、档案与活动模块看起来属于同一个产品。

色彩系统

以活力橙与自然棕作为品牌记忆点,用暖米色降低信息密度带来的疲劳感。

组件规范

统一按钮、标签、头像、卡片与列表状态,保证从社区到私信的界面行为可预期。

移动端节奏

控制卡片圆角、间距与留白比例,让页面在高频浏览和快速决策时依然清楚。

Outcome

36 个核心页面覆盖完整使用链路。

从首页动态到私信,从性格匹配到活动报名,我将每个页面都放回用户任务里检查:用户下一步要做什么、需要看见什么、哪些信息必须被弱化。这也是我希望面试官看到的能力:不只是会排版,而是能把界面服务于流程。

Core Screens

关键页面展示

横向浏览保留了作品集的动态感,但每张屏幕都标明了功能语义,方便浏览者快速理解产品结构。

TailTide 首页动态界面
首页动态
TailTide 性格匹配界面
性格匹配
TailTide 公园探索界面
公园探索
TailTide 宠物档案界面
宠物档案
TailTide 私信系统界面
私信系统
TailTide 活动报名界面
活动报名