项目背景
Ampfield 销售三种容量的便携户外电源，可以给冰箱、笔记本和工作灯供电，再通过市电、车充或太阳能板补电，用户是露营者、房车用户和需要停电备份的家庭。
核心挑战
户外电源的参数（Wh、W、PD）对普通用户并不直观，「我的冰箱能用多久」才是真正的问题。站点需要把电学参数翻译成生活场景。
我们的角色
- 交互设计
- 网站设计
- 前端开发
解决方案
深色工程感界面配一束橙色作为「电」的视觉符号。首屏用实物照片建立信任，接着用四张简图说明四种补电方式，再放一个负载计算器，让用户输入设备瓦数直接得到续航时间，最后用三尺寸对比表完成选型。
续航计算器
填入露营冰箱、笔记本、LED 灯的瓦数，按「容量 × 0.85 ÷ 负载」实时给出续航，并提示电水壶、吹风机这类高功率设备。
四种补电方式的图解
市电、车充、太阳能、旁路供电各用一张线图表示能量流向，补电时间等未定参数以占位符标出。
三尺寸对比表
容量、交流输出、太阳能输入、重量、价格五行对齐，周末、冰箱加笔记本、长途工具三种场景各对应一款。
常见问题
关于这个项目的设计取舍与交付方式，我们最常被问到的几个问题。
户外电源的参数怎么让普通用户看懂？
Wh、W、PD 对大多数人并不直观，用户真正想问的是「我的冰箱能用多久」。所以我们做了一个续航计算器：填入设备瓦数，按「容量 × 0.85 ÷ 负载」直接给出续航时间，把电学参数翻译成生活场景。
为什么四种补电方式都要画图？
市电、车充、太阳能和旁路供电是购买时最常被问到的问题。每种方式一张能量流向的线图，比一段文字说明更快让人理解；还没确定的补电时间用占位符标出，方便后续替换。
三个尺寸怎么帮用户选？
对比表把容量、交流输出、太阳能输入、重量和价格对齐，再给每个尺寸配一个使用场景：周末出行、冰箱加笔记本、长途带工具。用户按场景选，而不是按参数选。
带计算器这类交互的产品站，开发周期多久？
计算器这类交互我们用轻量的前端组件实现，不依赖后端，页面依然可以静态部署。包括交互设计在内，这类产品站一般 4 到 6 周上线。