负责车联网、商城和社区的交互、UI、图标与组件库，并维护跨模块的设计规则。
用统一的品牌语言设计车联网、内容、商城
和社区。
Role项目 UI 设计负责人
Time2020.03—2022.09
Delivery scale600+ 车联网功能相关页面
项目概览
从 UI 执行设计转为项目 UI 负责人，并统一车联网、商城和社区的设计。
因此，项目不能只改单个页面，还要统一多个模块的体验。
同时，把单页设计整理成可重复使用的图标、组件和布局规则。
车联网首页、购车流程和社区流程已经上线，跨模块组件与图标规则也在持续维护。
Challenge / 01
结合团队材料和旧版界面，确定优先改进的问题。
旧版界面整洁，但入口、主要流程、视觉层级和社区参与方式仍不够清楚。
反馈数据来自团队已有材料，并非由我独立完成。结合这些材料、旧版界面和竞品分析，确定后续要解决的问题。
其中 240 条与车联网相关。这些数字只作为项目输入，不作为我的研究产出或上线结果。
基于这些材料与旧版体验，重新设计车联网首页、购车和社区流程，并维护跨模块组件和图标规则。
信息与入口缺少清晰组织
首页用车型作为 Tab。车型增加后，入口会越来越多；车型、品牌介绍和其他内容混在一起，用户也难以快速找到目标。
核心功能的使用路径不够连续
商城等模块会打开独立页面并重新加载，浏览不够连贯。部分车型列表容易误触，一些服务入口也藏得较深。
视觉表现与品牌体验脱节
旧版界面较整洁，但重点不够突出，视觉层级也不清楚，难以留下鲜明的领克品牌印象。
内容与社区参与场景不足
原有页面对浏览、评论和点赞的支持有限，也缺少用户发布内容和长期参与的入口。
BEFORE / 旧版 App改版前的首页、入口组织与内容层级
Strategy / 02
把问题分成四类，并逐项改进。
- 01
重组信息与功能入口
按用户任务组织内容，优先显示当前最需要的信息，并减少车型增加后产生的多层入口。
- 02
强化购车与用车主路径
围绕车辆状态、远程控制、车型了解、选配和下订等核心任务，重新安排首屏信息与操作顺序。
- 03
连接内容、社区与本地场景
用内容、话题、圈子、活动和任务，把用户从浏览引导到参与。
- 04
建立统一的品牌设计语言
用统一的色彩、字体、图标、组件和布局规则设计各个模块。品牌风格不能影响信息阅读和操作效率。
Car & IoV / 03
先让车主看懂车辆状态，再完成操作。
在有限的首页空间中同时显示车辆、状态、控制入口和车主服务。
负责车联网首页的结构设计。页面用 45° 车身帮助用户确认车辆，把常用状态和控制放在车辆周围，其他车主服务放在页面下方。这样既保证首页操作效率，也保留完整信息。
一条反馈如何变成首页设计决定。
交互、视觉和操作路径问题集中。
车辆、状态、控制和服务同时争夺注意力。
先回答“哪台车、什么状态、能做什么”。
不常用的服务继续向下展开。
CAR CONTROL / VEHICLE STATUS
状态与常用控制放在同一区域。
在同一区域显示车辆、续航、温度和常用控制，用户确认状态后可以直接操作。
Community / 05
社区需要让用户从浏览内容顺利进入互动。
四个入口分别负责内容浏览、活动参与和个人管理。
用户先在“发现”中浏览内容，再通过“本地”和“任务中心”参与活动，最后在“我的”中查看关系、奖励和反馈。重点不是增加入口数量，而是让用户知道下一步做什么。
从内容进入行动
展示车主内容、品牌资讯和活动，用户可以通过分类、搜索与热门话题找到感兴趣的内容。
连接本地兴趣
展示领地社交圈、生活圈和线下活动，让用户从浏览内容进入本地互动。
鼓励持续参与
用 Co 币、能量值和勋章记录社区行为，鼓励用户继续参与。
查看个人内容和奖励
集中显示 Co 币、卡券、任务和个人应用，方便用户查看记录并继续参与。
COMMUNITY BADGES
用一套可成长的徽章，记录参与与贡献。
徽章对应内容、出行、互动、签到和消费等行为，并用轮廓、等级标记和颜色变化区分成长阶段。
Design System / 06
把视觉方案整理成规则，让新模块保持一致。
品牌色服务信息层级
黑白作为主色，灰色和深色用于文字与背景。粉色、紫色、蓝绿色和绿色只用于识别重点，避免大面积使用影响阅读。
统一网格与安全区
图标以简洁、易懂、通用为原则，通过统一的矢量网格、安全区域与输出范围控制体量。
便于后续更新
规范包含导航、输入、选择、表单、状态和页面布局。组件库会继续更新，减少重复设计和沟通。
Notification
Popup
Navigation
Layout
Concept / 07
官网概念方案：统一首页、车型浏览和品牌内容的视觉与阅读顺序。
Lynk & Co 官网
概念方案覆盖首页、车型浏览和品牌内容。
