会员界面以网站的移动端尺寸呈现,顶部保留网站 Logo 和预约按钮,导航栏则简化为汉堡菜单,保持界面整洁的同时确保核心功能随时可达。页面视觉风格结合卡通手绘与极简设计,传达亲和力。界面结构以余额展示为核心,强化充值动线,并明确会员权益状态。下方模块涵盖宠物档案、预约记录与购物订单,帮助用户集中管理服务信息。通过层级清晰、内容精炼的布局,提升了多功能界面的可用性与亲密感。

04

会员

商店功能支持用户在线预订商品并到店自取,在满足实体库存管理的同时,拓展了销售渠道。考虑到产品种类较少,页面采用轻量化设计和分类浏览,便于快速选购。配有醒目的插画风banner,并在加购与结账等关键环节提醒“仅支持到店取货”,有效降低误解风险。统一的视觉语言与简洁的交互流程,提升了用户体验,也为PawGlow带来新的营收可能。

03

商店

宠物美容的预约流程共分为四步:选择店铺、选择服务、选择时间,最后确认预约并支付定金。通过步骤分拆,减少用户在同一界面内处理的信息量,让操作更专注、流畅。界面中对服务内容、时长和价格的呈现也力求清晰,帮助用户快速做出决策,确保新老用户都能在短时间内顺利完成预约。

02

美容 | 预约

首页以清晰引导和建立信任为核心。通过固定导航和始终可见的预约按钮,保障操作便捷。欢迎板块、会员活动、新店介绍与顾客评价依序呈现,突出优惠活动,同时打造品牌亲和力,鼓励用户进一步探索与转化。

01

首页

美容服务页面内容结构层层递进:从简要介绍服务理念出发,引导用户浏览常规套餐与特色服务,再通过预约说明和定价声明建立服务预期。价目表按犬种分类展示,考虑信息量大、信息密集的特点,采用折叠与渐进式呈现策略,提升整体页面的可读性与浏览效率。页面最后呈现美容师介绍,增强专业感与信任度。

02

美容 | 介绍

PawGlow

宠物服务行业的品牌官网重设计项目,涵盖预约、电商与会员系统的整合体验设计

PawGlow是我以独立设计师身份完成的个人商业项目。该品牌是一家位于英格兰中部的社区宠物美容护理店,在筹备第二家分店之际,我为其全面改版了官方网站:包括视觉系统升级、信息架构优化,并新增了线上预约,商店和会员系统的功能。该项目不仅助力客户完成了业务的扩展和运营效率的提升,也让我有机会将用户体验设计、品牌塑造与商业逻辑深度融合。

用户调研

客户访谈,竞品分析,需求梳理

UX设计

信息架构搭建,用户旅程设计,可用性测试,迭代优化

前端协作

原型交付,开发对接,测试修复

商业策略

需求挖掘,功能规划,商业目标识别

UI 设计

视觉系统,平面设计,响应式适配,网页设计

背景.

PawGlow是一家深受社区喜爱的宠物美容护理店,已经在本地经营超过七年,现计划在城市另一区域开设第二家门店,借此扩大服务范围。由于现有网站过于陈旧,无法支撑品牌发展与连锁化需求。随着新店的开设,客户想以此为契机,对官网进行大改版。客户希望新网站能继续承担宣传店铺与介绍服务的功能,成为一张有温度的名片,同时还能帮助自己实现更高效的服务管理,并探索更多商业可能性。

主要挑战.

  1. 双店运营下预约管理压力增加:随着第二家门店筹备开业,现有的预约方式(通信软件,电话或线下预约)已经难以满足更高频的服务需求。店铺需要一个高效的在线预约系统,以提升整体运营效率,释放人力资源。

  2. 宠物用品销售渠道升级:客户希望通过网站进行商品展示和推广,但又担心线上商店会带来额外管理负担。因此,需要一个轻量化、可控度高的线上商店设计。

  3. 建立会员系统,增加用户粘性:随着客户群的扩大,客户希望借助开新店的机会,构建一个便于管理的会员系统,用以维护老客户,并吸引更多新客户加入。

  4. 旧网站急需改造重塑:原网站基于7年前的WordPress模板搭建,功能简陋,内容架构不清晰且视觉陈旧。随着品牌进入连锁阶段,需要系统性升级,以统一视觉语言,强化品牌辨识度。

解决方案.

预约服务
- 分层展示服务内容与价格,提高预约前信息透明度
- 拆解预约流程,降低用户认知负担,提升操作效率
- 加入定金支付选项,提升用户责任感,减少爽约现象

线上商店
- 考虑到产品种类较少,页面采用分类浏览,商品展示更直观
- 采用仅限到店取货的轻量级电商方案,避免店主额外承担物流压力
- 多处提示“仅支持到店取货”,如横幅与关键节点提醒,降低用户误解风险

会员系统
- 提供充值折扣、宠物档案等增值功能,增强用户粘性,推动长期增长
- 流程设计中降低注册门槛,提升转化率

视觉与信息架构
- 提炼品牌主题色与插画风格,传达活泼、亲和与专业感
- 信息架构重构为四大核心模块(主页、美容、商店、账户),并配置固定导航和高频操作入口“预约”按钮,保持操作路径高效,串联用户旅程

综合成果.

通过并行测试4周,验收到了以下成果:

预约效率提升
- 65%的预约转移到线上,减少大量人工沟通成本
- 预约错单率降低90%,提升运营效率

线上商店推动额外收入
- 70%的访客浏览了线上商店
- 15%的预约用户在预约宠物护理时,预定了宠物商品
- 宠物商品整体月销售额增长35%

会员制促进客户留存
- 60%的老客户完成会员的注册
- 注册用户中有80%进行了消费充值

关于AI.

这是我首次在商业项目中引入AI工具辅助工作。我通过AI辅助提升了调研和内容优化的效率,也更高效地学习了当地宠物美容行业相关的知识,让我在面对客户时更自信。比如,我利用AI应用快速生成了更贴合行业语境的内容(如欢迎文本、预约说明),替代过往使用的无意义占位文本,提高了原型的可沟通性和真实感。同时,作为非英语母语者与行业外设计师,AI能帮助我更快速进入业务语境,更自信地与客户交流和展示成果。我始终认为AI是高效的工具,能帮助设计师提高产出效率,但真正有创意的设计发散和有价值的设计判断,仍需依赖设计师的专业能力。