← 全部案例
[ 03 ] · 2chargers.ru · 2024–2025
Mobile appCommunity made
2Charges 标志
2Charges

最完整的 电动车充电站地图

Google PlayApp Store

为电动车车主社区打造的应用:重新设计与商业化。我主导了产品研究,将遗留界面整合进设计系统,并设计了变现模块。

9/10
HSE 答辩评分
12 小时
司机访谈时长
150,000+
应用下载量
4,425
社区成员
[ 01 ] 背景

2Charges 这项服务源自电动车车主社区。它相对 Yandex 地图的核心卖点(USP)是由社区自己维护的实时充电站状态:可用 / 占用、路面被挖开,最重要的是——排队情况。

2Charges 是一款面向电动车车主的移动应用,可以快速查找、预约充电站并完成支付。

[ 02 ] 问题

三大核心问题

电量快耗尽时开往充电站,却不知道充电站能不能用、有没有排队。 缺少准确的实时状态是最大的痛点。

用户

产品没有任何变现方式。 需要在不破坏信任的前提下,从社区中获得收入。

商业

遗留界面各自为政:颜色、字体、间距和节奏杂乱无章。没有统一的系统。

设计
  • 电动车车主只能独自面对各种问题——几乎没有支持。
  • 基础设施薄弱:充电站少,标准混乱,缺乏统一。
  • 充电站有许多难以理解的技术细节。
  • 插头、功率、接口经常不匹配——司机既浪费时间又消耗电量。
  • 电动车司机的社区此前从未在任何地方聚集过。
  • 关于维修、保养和实用技巧的公开信息很少。
[ 03 ] 研究

社区

电动车车主社区插画
[ 01 ] 用户群体

2charges 的用户是俄罗斯的电动车车主,以 25–45 岁男性为主,生活在基础设施较完善的城市。

他们是进步、懂技术的用户,看重便利、出行自由和可持续消费。

其中既有刚买电动车、需要帮助的新手,也有乐于分享经验、建设社区、并围绕充电规划路线的老司机。

2Charges 吉祥物——抱着电池的兔子
HSE Art & Design

我用 HSE Art & Design 的产品框架打磨了这个产品,获得 9/10 的高分 :)
内容包括:用户细分、基于真实车型的用户画像、深度访谈,
以及用户旅程地图 CJM 和 JTBD。优先级正是从这些分析中得出的。

[ 男性 ]
  • 年龄:25–45 岁
  • 占比:约 70% 的用户
  • 收入:每月 120 000 ₽ 以上
  • 教育:高等教育,理工 / 经济类
  • 居住地:大城市(莫斯科、圣彼得堡、喀山、叶卡捷琳堡)
  • 数字素养:高
  • 设备:Android — 60%,iOS — 40%
  • 兴趣:汽车、科技、数码产品、城市规划、汽车共享
  • 价值观:节省时间、环保、便利、掌控感
[ 女性 ]
  • 年龄:27–42 岁
  • 占比:约 30% 的用户
  • 收入:每月 90 000 ₽ 以上
  • 教育:高等教育,人文 / 医学 / 建筑类
  • 居住地:莫斯科、圣彼得堡、俄罗斯南部
  • 数字素养:中高
  • 设备:iOS — 70%,Android — 30%
  • 兴趣:可持续消费、城市规划、瑜伽、旅行
  • 价值观:安全、支持、正念、简单
[ 04 ] 研究

用户访谈与洞察

12 小时
访谈总时长
18
访谈总数
40 分钟
平均访谈时长
用户访谈插画
地域分布
[ 01 ] 核心洞察

“我不确定能不能开到下一个充电站”

→ 由于缺少关于附近充电站及其状态的可靠信息,司机一直处于焦虑之中。

“到了才发现——插头不对,或者根本坏了”

→ 缺少关于充电站与具体车型兼容性的直观提示和技术信息。

“应用很多,但没有一个能解决所有问题”

→ 用户厌倦了碎片化的生态:导航一个应用,充电一个应用,社区在 Telegram 里。

“特别缺一个社区——想问问同道中人”

→ 需要内置的社交功能:评价、评论,以及其他司机的现场帮助。

[ 02 ] 理性 & 功能

“我想按充电速度和价格筛选充电站”

→ 关注经济实惠、快速充电,以及按效率规划最优路线。

“我需要带技术数据的记录——有哪些接口、峰值电流多少”

→ 男性更关注技术层面,重视应用中的详细参数。

“要是有带遥测数据和占用时段图的地图,我愿意付费”

→ 愿意为带分析和预测功能的专业版付费。

[ 03 ] 情感 & 行为

“我只希望它能正常工作——不出故障”

→ 可预期性、情感上的舒适和界面的“直观”很重要。

“我希望充电不再是压力,而是像路上买杯咖啡一样的日常”

→ 把焦虑的体验变得可预期、熟悉而平静。

“我不想被当成连电缆该插哪儿都不知道的傻瓜”

→ 通过内置指引和视觉隐喻维护用户的自尊。

[ 05 ] 研究

竞品

汽油——竞品的吉祥物电力——2Charges 的吉祥物
[ 01 ] 电池与燃油车的文化之争

燃油车的拥护者常常指责电动车 价格高、基础设施“不成熟”、离不开插座。电动车车主则反驳燃油车噪音大、排放多、机械结构过时。这场争论背后不只是交通工具的选择,而是两种对未来的看法:科技而清洁,还是熟悉而可靠。

01
Yandex Navigator
俄罗斯 · 导航 · 生态
优点

充电站集成在人们每天都在用的导航里。路线、语音搜索和支付都在同一个应用中。

缺点

充电站在这里只是地图上的一个点,而不是实时对象。数据来自运营商,因此没有“当前空闲”状态,也看不到排队。

02
Chargemap
欧洲 · 充电站数据库 · 支付
优点

欧洲最完整的数据库,以及可在不同运营商网络通用的自有支付卡。

缺点

界面过于繁杂:功能太多,新手容易迷失。充电站可用性显示不准确,还用横幅强推高级版。

03
Zapmap
英国 · 筛选 · 状态
优点

同类最佳的筛选:不仅能按接口类型找充电站,还能按附近设施找——咖啡、商店、洗手间。

缺点

状态由司机自行标记,“红色”标记会一直保留,直到有人确认修好。一个正常的充电站可能被标为故障好几个月。

04
PlugShare
全球 · 社区 · 签到
优点

直接在充电点签到、上传照片和评价。状态由司机自己维护——全球最鲜活的数据库。

缺点

数据质量取决于社区密度:活跃用户少的地方,信息就会过时。界面也已显陈旧。

结论

四家都缺少最关键的一点:由社区自己维护的实时充电站状态。Yandex 的数据来自运营商;Zapmap 和 PlugShare 的数据来自司机,但缺少密集的社区,数据很快就会过时。2Chargers 恰恰建立在这一点上:这里先有社区,后有应用。

[ 06 ] 研究

CJM

01
意识到需求
中性
行为
发现电量快用完了
想法
“得找最近的能用的充电站”
触点
主屏幕、推送通知
痛点
没有“附近充电”的 CTA,只能手动查找
机会
“附近充电”智能横幅,“电量低——附近有空闲充电桩”通知
02
查找充电站
犹豫
行为
设置筛选条件,查看地图
想法
“哪里有空位?要功率大一点的,但要近一点”
触点
地图、筛选、标记
痛点
标记太多,筛选不好用,没有排序
机会
智能筛选、ETA 提示、聚合显示、“我的车”筛选
03
选择充电站
烦躁
行为
阅读充电站卡片,进行比较
想法
“这个好像还行,但没有照片也没有评价”
触点
充电站卡片、图库、图标
痛点
没有照片和评价,搞不清功率和插座类型
机会
照片、视频、评分、按评价排序、占用情况和 ETA
04
导航
中性
行为
规划到所选充电站的路线
想法
“最重要的是能开到,而且一切正常”
触点
“规划路线”按钮、外部导航
痛点
跳出应用,切换不便,注意力被打断
机会
集成 Yandex Maps / Google Maps,“如何进入”提示
05
到达
茫然
行为
查看充电站,连接电缆
想法
“这东西到底怎么用?”
触点
摄像头、NFC、二维码扫描
痛点
没有说明,不清楚各部件在哪里
机会
图片说明、检查清单、AR 指引、通过 GPS 自动识别充电站
06
开始充电
放松
行为
按下按钮,关注指示灯
想法
“在充了吗?多少 kWh?”
触点
充电会话界面、进度、kWh 数据
痛点
界面单调,没有完成时间预估,看不出进展如何
机会
动画、kWh 计数、完成时间预估、实时价格
07
结束充电
放松
行为
点击“结束”,付款
想法
“花了多少钱?一切都正确吗?”
触点
结束会话、报告、收据
痛点
付款可能卡顿,缺少清晰的结束反馈
机会
一键 Apple Pay、PDF 收据、“会话已结束”界面提示、历史记录
08
回顾 / 分析
兴趣
行为
查看历史、打分、加入收藏
想法
“我一般在哪儿充电?哪里更划算?”
触点
历史、个人资料、地图
痛点
没有分析,看不到充了多少,没有收藏
机会
图表、统计、常用充电站、“订阅”地点、价格对比
[ 07 ] 研究

JTBD

“我希望确信自己不会开着没电的车被困在市中心”

→ 应用带来安全感和掌控感

“我希望充电不再是压力,而是像路上买杯咖啡一样的日常”

→ 把焦虑的体验变得可预期、熟悉而平静

“我希望身处同类人的社区,在新的现实中不感到孤单”

→ 带来归属感,通过社区和评价给予支持

“我希望感觉自己是一个现代而有意识的人。”

→ 应用强化了进步、环保、懂科技的自我认同

“把车借给妻子 / 朋友 / 亲戚时,我希望能放心”

→ 让人确信,即使没经验的人也能用简单的应用完成充电

“我不想被当成连电缆该插哪儿都不知道的傻瓜”

→ 通过内置指引和视觉隐喻维护自尊和信心

[ 01 ] 电动车司机
01
当 →
电量几乎耗尽,
我想 →
快速找到合适且空闲的充电站,
以便 →
不被困在路边,不在路上浪费时间。
02
当 →
我在地图上找充电站,
我想 →
立即看到状态、接口、功率和评价,
以便 →
确信它一定适合我。
03
当 →
我开到充电站前,
我想 →
快速开始充电,不多走一步,
以便 →
不在界面和连接上浪费时间。
04
当 →
正在充电,
我想 →
看到已经充了多少、花了多少钱,
以便 →
决定继续还是结束。
05
当 →
充电完成,
我想 →
快速安全地付款,
以便 →
不遇到 bug 或麻烦。
06
当 →
我经常使用这个应用,
我想 →
查看花费分析和“常用充电站”,
以便 →
更清楚自己最常在哪里、怎样充电。
07
当 →
我正在按路线行驶,
我想 →
规划一条包含沿途充电站的路线,
以便 →
不多停一次,也不紧张。
08
当 →
附近没有充电站或已被占用,
我想 →
在它重新空闲时收到通知,
以便 →
不错过在方便的地方充电的机会。
[ 02 ] 维修服务与经销商
09
当 →
我的电动车需要保养,
我想 →
找到最近的、能修电动车的维修站,
以便 →
快速安全地解决问题,不用四处寻找。
10
当 →
我是经销商,销售或维修电动车,
我想 →
把充电基础设施数据接入我的 CRM 或落地页,
以便 →
提升品牌信任,改善客户服务。
11
当 →
我的客户提车了,
我想 →
向他推荐一款提供充电和服务建议的应用,
以便 →
提升忠诚度,扩展售后服务。
[ 08 ] 设计

UFLOW

入口
核心
板块
变现
新手引导 / 登录
推送通知
车库
地图
用户资料
社区与支持
充电站页面
维修站页面
资料设置
前往地点的路线
预热落地页
付费展示位
图表比屏幕更宽——请左右滑动 →
[ 09 ] 设计

UI Screens

012Charges 界面——充电站地图
01 · 充电站地图

基础版:带“空闲 / 占用”状态的充电站图钉,以及“仅显示空闲充电桩”筛选。一眼看出在哪里充电。

022Charges 界面——地图 Pro
02 · 地图 Pro

付费订阅。图钉上直接显示接口类型、功率和价格:GB/T DC、最高 63 kW、20 ₽/小时、“2 个中 2 个空闲”。无需打开卡片就能判断是否合适。

032Charges 界面——充电站卡片
03 · 充电站卡片

照片、“运行中”状态、评分和距离、各接口的功率与价格、评价和“附近”标签页。从这里可以“开始充电”并规划路线。

042Charges 界面——地点卡片
04 · 地点卡片

合作伙伴的基础展示:评分、地址、营业时间、电话和路线。

052Charges 界面——付费卡片
05 · 付费卡片

“好去处”徽章、照片墙、服务标签页、网站、Telegram 和 WhatsApp。

062Charges 界面——地图广告
06 · 地图广告

地图上的品牌 3D 物体,以及标签栏上方的横幅。广告融入出行场景。

072Charges 界面——安装预约
07 · 安装预约

承包商微型落地页:快充和慢充的价格、功率和工期,专属顾问和申请表。通过家用充电桩安装实现变现。

082Charges 界面——个人中心
08 · 个人中心

司机数据:600 次充电、156.7 kW、15K 公里、67 个地点。下方是动态:上传的充电站照片和“未能充电”的反馈。

092Charges 界面——新手引导
09 · 新手引导

四步中的第二步:讲清核心价值——接口的实时状态。随后直接进入地图。

102Charges 界面——服务橱窗
10 · 服务橱窗

围绕爱车的服务:家用充电桩、维修、轮胎、拖车,以及通过 Telegram 预约上门充电。每个卡片都是一份发给合作伙伴的申请。

[ 10 ] 系统

设计系统

一套统一的颜色、字体和组件——本案例的所有界面都由它构建。

[ 01 ]  调色板

产品的十种颜色:深色主题、操作强调色和状态色。

0D0D0D
深色主题
2B2B2B
亮色上的文字
AFAFAF
说明文字
F2F2F2
卡片背景
FFFFFF
浅色主题
035D2D
操作
01A96B
确认
08C03D
成功 / 电量
FFB300
主要 CTA
FF4B4C
警告 / 错误
[ 02 ]  字体 · Roboto

产品字号体系:真实字号,从页面标题到状态标签。

查找充电站
40 · 页面标题
Mosenergo Kozhukhovsky
22 · 副标题和卡片
电动车充电站网络
18 · 引言和强调
Kutuzovsky 大街 36 号 28 栋 · 10:00–20:00
15 · 正文
GB/T DC · 最高 44 kW · 20 ₽/小时 · 17 公里(20 分钟)
13 · 说明和参数
空闲 · 220 kW
11 · 状态标签
[ 03 ]  按钮和筛选

操作按钮、图标按钮和地图筛选标签。

“路线”按钮图标按钮:电话、分享、收藏“最近的空闲插座”筛选“仅限高评分”筛选“全部充电站”筛选
[ 04 ]  接口图钉

八种接口类型——司机靠它们在地图上认出充电站。

[ 05 ]  图标

等距风格图标集:地图上的服务、地点和状态。

[ 06 ]  充电站卡片

接口和充电站——搜索界面的组成部分。

GB/T DC 接口卡片
充电站卡片
[ 11 ] 总结

结语

[ 01 ] 强化了沟通

各自为政的遗留界面——颜色、字体、间距和节奏杂乱无章——被整合为统一的系统:调色板、字号体系、组件和一套等距图标。在 HSE Art & Design 答辩中获得 9/10。

[ 02 ] 产品开始赚钱

四种变现形式,设计上不破坏社区的信任:充电站详情订阅、付费地点卡片、出行场景广告,以及家用充电桩安装预约。

2Charges 下载量图表
PS 这是 2CHARGES 的下载量图表——2026 年汽油短缺期间
下一个案例 →Tam-Tam概念 · 文化平台