AIMA EV · DIGITAL EXPERIENCE

不止抵达。
一路有伴。

YOUR EVERYDAY
GOES A LITTLE FURTHER.

以先锋科技,让邻里出行更轻松。
以有爱的体验,让一辆车成为生活里的伙伴。

美国市场全套定制模版Shopify + O2O
美国住宅社区中的低速四轮电动车概念场景
NEIGHBORHOOD, REIMAGINED.美国社区 · 视觉概念
为日常相伴而设计社区 · 家庭 · 自在生活

01 / THE AMERICAN CONTEXT

卖的是生活半径,
先回答“我能在哪里开”。

低速车的机会与道路、社区和服务网络相连。官网应先帮助用户判断适用性,再引导选车与购买。

25mph

LSV 的速度上限

低速车辆有独立分类与安全要求。高尔夫球车、LSV 与普通汽车需在内容中明确区分。

来源:NHTSA 分类解释 ↗
我们的判断

信任来自
“适用 + 可交付”。

能否在生活区域使用?选配后什么样?附近谁负责交付与售后?这三个答案比单独的产品大图更接近成交。

查看购车路径 →

区域进入策略

策略假设以真实经销商、合规和库存条件验证。

如何判断可服务市场?用区域数据建立模型

高尔夫球车、LSV、NEV 的统计口径不同。当前缺少可交叉核验的区域规模数据,先从可履约社区和合格流量建立模型,再用运营数据替换假设。

可覆盖社区 → 合格访问 → 配置完成 → 全款订单 → 成功提车

可调整的规划假设,按期望值计算;不代表市场预测、销量承诺或已验证的转化率。

目标人群:同一辆车,不同的购买顾虑

基于项目 brief 的策略画像,后续通过美国用户访谈验证。

FAMILY

35–50 岁家庭用户

邻里拜访、社区活动、周末短途

先问什么
家人坐得舒服吗?物品放得下吗?
页面回应
乘坐、储物场景;真实尺寸与车型对比。
购买推动力
配置明确、总价透明、附近可提车。
INDEPENDENCE

60+ 自在生活人群

退休社区、购物、探访与休闲

先问什么
好上下车吗?操作直观吗?售后找谁?
页面回应
大字号、座舱操作、清楚的服务入口。
购买推动力
安心感、服务便利、可预约体验。
BUSINESS · 后续

度假区与园区运营方

接驳、物业与车队采购

先问什么
采购交期、批量配置与维修如何保障?
页面回应
独立询盘、需求清单与服务说明。
推进方式
先收集线索;车队系统单独评估。

02 / LOCAL COMPETITORS

向成熟品牌学信任,
向新品牌学表达。

分析美国市场面向买家的品牌官网,把可见的设计、内容与购买入口,转化为 AIMA 的具体行动。

AIMA 的机会

生活场景 → 看清车辆 → 标准配置 → 可履约门店 → 全款下单连续呈现,让品牌体验与成交路径相互支撑。

官网观察截至 2026-09-12,截图采集于 2026-09-10。优缺点为体验分析,未审计竞品完整后台或所有地区的交易能力。

03 / A COMPANION, BY DESIGN

先锋科技,
用舒服的方式被感受到。

让技术成为体验的支撑,让人和场景成为视觉主角。统一设计语言贯穿首页、产品、选配和服务。

品牌主线

与生活更近一点。

美国社区、自然光、真实生活半径。温暖场景承接情感,精确细节承接信任。

深松绿清透白浅芽绿科技蓝
01

一个画面,一个重点

大 Hero、简洁文字和明确行动。动效帮助理解产品,避免注意力竞争。

02

每次操作,都有反馈

颜色、配置摘要、可提门店与订单状态及时响应,重要选择可回退。

03

舒适,也是一种科技

清晰焦点、键盘操作、触控友好与减少动态效果。重要内容可直接阅读。

04 / HOMEPAGE DESIGN DIRECTIONS

三套首页,
三种品牌表达。

UI Demo 仅供参考,最终设计以实际需求为准。

从完整首页看设计方向。每套均包含导航、大 Hero 与后续内容模块,以静态长图呈现整体视觉与阅读节奏。

DIRECTION 01

美式生活方式

Everyday, together.

用阳光、社区与家庭生活建立亲近感,让“出行伙伴”成为第一眼感受。

大场景 Hero · 生活叙事 · 双车型入口

AIMA EV 美式生活方式完整首页静态 UI 设计稿,包含导航、Hero 与下方内容模块
AIMA EV · 美式生活方式首页概念查看完整设计稿 ↗
DIRECTION 02

先锋科技

Quietly ahead.

用强对比、精准产品光影与大排版突出科技感,让车辆细节成为视觉主角。

产品 Hero · 3D 质感 · 清晰选配入口

AIMA EV 先锋科技完整首页静态 UI 设计稿,包含导航、Hero 与下方内容模块
AIMA EV · 先锋科技首页概念查看完整设计稿 ↗
DIRECTION 03

精品编辑风

The art of everyday.

以非对称构图与精品杂志排版表达从容、高级的日常出行方式。

编辑排版 · 场景与细节 · 品牌故事

AIMA EV 精品编辑风完整首页静态 UI 设计稿,包含导航、Hero 与下方内容模块
AIMA EV · 精品编辑风首页概念查看完整设计稿 ↗

首页视觉概念,车型与文案仅作设计示意。

05 / ONE CONNECTED JOURNEY

线上全款下单,
线下从容提车。

网站把选择与承诺说清楚,门店把车辆与服务准备好。每个节点都有状态、责任人与记录。

预约试驾与全款订单,如何并行?

试驾生成独立 booking_id,门店确认时间并记录到店;之后购买时再关联客户与订单。预约不锁车、不代表付款。

提车预约只对已付款且可交付订单开放。预约、付款与履约在 CRM 中关联,状态分别保存。

缺货、取消、未到店,如何处理?

缺货:展示可选门店或预计到店时间,不承诺立即提车。

取消退款:品牌在 Shopify 审批,关闭对应任务;门店不自行退款。

未到店:重新确认时段、保留变更记录,不自动标记已提车。

实现依据:Shopify 门店自提与库存条件 ↗。地图展示门店与 Shopify 履约地点分别管理,先确认映射。

06 / ONE SITE, THREE HORIZONS

一套完整功能架构,
承接三个建设阶段。

标准车型、周边配件、按需生产融入同一导航、商品与客户体系。当前实施一期,后续能力先做规划与数据预留。

一期 · 当前建设两款车型 / 标准 SKU / 全款与提车
二期 · 扩展预留周边配件 / 车型适配 / 搭配与复购
三期 · 定制生产需求版本 / 报价交期 / 生产跟踪
一级导航 → 页面功能 → 系统承接
AIMA EV 官网 Web / Mobile · 美式英语优先
统一基础能力搜索账户购物车隐私同意基础 SEO数据分析响应式设计
全套定制模版与页面交付清单

模版按页面类型与可复用组件设计,不因车型数量重复计算。结账与账户采用 Shopify 允许的品牌适配。

页面组页面与状态实现方式阶段
一期就做好扩展准备

统一产品 ID、车型适配字段、配置快照与门店映射。二、三期列入路线图,对应实施另行确认。

07 / PLATFORM DECISIONS

选择 Shopify,
把定制精力用在体验上。

一期建议 Liquid 定制主题 + Shopify 商业能力。品牌页面、互动与服务流程定制,商品、支付与订单采用平台体系。

建议起步方案

Grow + 全套定制主题

5 个额外员工账号、10 个库存地点,为品牌与运营团队提供起点。多门店通过受控门户与库存映射协作。

系统架构 ↓

套餐与能力对照

美国区公开美元价格,核验于 2026-09-12;年付档显示月均价。官方套餐 ↗ · Plus 规则 ↗ · 员工账号 ↗

何时升级?哪些费用与月租分开?

升级触发条件

Grow:需要员工协作、适配客户数据访问需求;受保护数据另受应用权限与审批约束。

Advanced:更多人员、市场能力,或交易规模使费率差具备经济性。

Plus:复杂结账、企业多店等明确需求驱动。大 Hero 与 3D 本身无需 Plus。

费用边界

主题托管与 SSL 包含在 Shopify 中;应用、支付处理、短信、地图超量及独立集成服务分别测算。

POS Pro 为可选 $89/月/地点。官网下单、门店提车不等于必须采购 POS Pro。

标准在线卡费率起:Basic 2.9% + $0.30、Grow 2.7% + $0.30、Advanced 2.5% + $0.30。卡种和跨境不同;外部网关另有 Shopify 交易费与网关费用。

平台与插件使用费测算

Shopify 套餐与平台使用费参考,金额均为 USD。

固定订阅年化测算$1,197

Shopify 按上方年付/月付切换;应用采用这里列明的周期。不含交易费、税费、实施与超量。

08 / BUILDING FOR WHAT COMES NEXT

前台有设计感,
后台有清楚的责任边界。

官网、Shopify、集成服务与 CRM 分工明确。数据由谁产生、谁能修改、如何同步,在开发前约定。

01
买家入口

Web / Mobile

发现车型 · 体验细节 · 选配 · 查找门店
POS / 其他端按后续业务需要接入

02
前台展示层

Liquid Theme + JavaScript

品牌模版 · 动态 Hero · 商品媒体 / GLB · 配置交互 · Ajax 购物车

03
Shopify 商业能力层

商品 → 购物车 → 结账 → 支付 → 订单

账户 · 库存地点 · 自提履约 · 折扣 · 隐私与事件

品牌运营

Shopify Admin

Products / Orders / Customers / Inventory / Markets

增强能力

Apps & Extensions

地图、预约、营销;可用范围内的 UI Extensions / Functions

外部业务

CRM / 门店 / ERP

线索、服务、提车;后续适配关系与生产进度

04
集成服务

GraphQL Admin API · Webhooks

验签 → 映射 → 队列 → 去重重试 → 日志对账
账户扩展:Customer Account API;Headless:Storefront API

Shopify 托管:主题、商业核心、CDN、SSL 独立部署:集成服务、队列、业务存储与监控
为什么一期用 Liquid?Headless 放在哪?

Liquid 定制主题能承载大 Hero、JavaScript、商品媒体和标准选配,保留 Shopify 编辑器与应用生态,便于日常运营。

结账与账户在 Shopify 允许的范围内做品牌适配;UI Extensions、Functions 的位置与能力按套餐及应用资格核验。

未来若出现复杂跨系统体验,再评估 Hydrogen / React + Storefront API。它会增加前端托管、缓存、追踪与应用兼容工作。

Hydrogen 官方文档 ↗
GLB、model-viewer、variant ID 是什么?

GLB:包含车辆几何与材质的 3D 文件,类似“立体产品照片”,需制作和优化。

model-viewer:网页里的 3D 查看组件,用来旋转、缩放已有模型。

variant ID:某个可售组合的唯一编号,如“车型 A + 珍珠白 + 标准配置”,用于匹配价格、库存与订单。

Shopify 3D 媒体 ↗

核心数据:各有一个可靠来源

用唯一 ID 关联,用快照保存下单时的配置。

数据主数据归属关键字段扩展用途

Metafields ↗ · Metaobjects ↗ · Ajax API ↗

09 / CONNECT PEOPLE AND OPERATIONS

CRM 有两条对接路径,
围绕同一笔订单协作。

客户系统尚未选型,先按通用接口设计。标准数据优先评估连接器,特殊流程由集成服务承接。

A
应用/连接器

成熟 CRM,验证标准集成。

Shopify 生态提供可安装的连接方案,并非所有 CRM 默认内置。先核对对象、方向、权限与许可证。

B
JS 事件 + Shopify API

客户已有系统,按业务对接。

前端记录浏览、选配行为;服务端同步客户、订单与履约。CRM 返回门店结果,形成闭环。

数据怎么流转,失败了怎么处理?
JS / Customer Events

同意后的浏览与选配行为

Shopify Webhooks

订单、付款、退款与履约

集成服务

验签、映射、去重、队列

CRM / 门店

客户与任务、提车回传

关键实现规则

  • HMAC 验签,令牌只放服务端,按最小权限授权。
  • 事件 ID 去重、业务版本判断状态,避免重复任务。
  • CRM 回传校验门店身份后,调用允许的 Shopify 履约操作。
  • 交易记录读 Shopify;预约以服务端创建成功为准。

错误与补偿

  • 短时失败重试,持续失败进入待处理列表。
  • 定时 API 对账,补齐可能遗漏的通知。
  • 取消、退款、门店变更同步调整交付任务。
  • 操作、状态与重试留日志,便于追溯。

Webhooks ↗ · 鉴权与权限 ↗ · Customer Events ↗

角色与权限

点击角色查看权限及界面示意。门店按外部受控门户规划。

门店网络与资金:上线前确认的业务关系

确认收款主体、库存所有者、履约责任、退款审批与经销商结算。本方案以官网统一收全款为前提,Shopify 支付不会自动完成任意经销商佣金分账。

独立经销商需确认服务、库存与结算协议。门店展示数量可多于库存地点,不能默认每家展示门店都支持结账自提。品牌提供目标州、认证、税务和交付规则,技术据此配置。

10 / A PURPOSEFUL APP STACK

每个插件,
都对应一个业务问题。

先采用原生能力,再补充地图、预约与营销。避免重复追踪、重复弹窗或页面冲突。

工具解决的问题费用参考 · USD选型意见

价格核验于 2026-09-12。候选工具不代表全部安装,按功能范围、实际用量与验证结果选择。

二期

配件是关系的延续。

关联车型、年份、安装条件与库存。搭配推荐与售后复购,先确认整车与配件混合下单的配送/自提规则。

配件 SKU → 适配校验 → 加购 → 发货/自提 → 服务记录
三期

个性化,要能交到工厂手中。

保存需求版本、确认稿、报价、交期与生产单。标准 SKU 之外先审核可生产性,确认后再形成可支付订单。

需求 → 版本确认 → 报价交期 → 全款订单 → ERP → 交付

11 / GROWTH THROUGH THE EXPERIENCE

从搜索开始,
到交付之后继续相伴。

一期建立基础 SEO、事件口径与内容体系,将合格线索、真实订单和门店交付连起来。

01

基础 SEO

  • 页面 Title / Description / 关键词映射。
  • H1–H3、URL、图片 Alt、内链与失效链接。
  • 核查主题 Canonical、sitemap、robots、产品结构化数据。
  • Search Console、收录监测与迁移 301。
Shopify SEO ↗
02

美国本地内容

  • LSV / NEV 与适用场景解释。
  • 确认后的规格、对比、充电与保养指南。
  • 真实服务区域、门店地址与营业时间。
  • 授权后的用户故事与车主内容。

不生成没有实际服务支撑的城市页。

03

体验与营销数据

  • GA4 事件、UTM 与 Shopify 订单对照。
  • 按投放计划与同意状态配置 Google / Meta。
  • Clarity 热图与录屏,敏感信息遮罩。
  • 欢迎、体验跟进、提车关怀与配件推荐。
Microsoft Clarity ↗
指标、埋点与隐私执行清单
目标事件与数据统计口径

隐私执行:采集所需数据,记录营销同意与撤回;非必要追踪按确认政策启用。表单、日志、录屏避免暴露敏感信息。

治理:品牌持有账号和主数据,授权导出;约定保留期、删除同步与卸载清理。美国适用隐私条款由品牌审核确认。

12 / FROM DESIGN TO LAUNCH

六周,从设计
到开发上线。

以功能范围、车型素材与接口条件齐备为启动点,分阶段完成设计、开发、联调与上线。

交到客户手中

  • 市场与体验原则、信息架构、功能清单。
  • Figma 全套定制模版、响应式规范、组件及交互说明。
  • 定制主题、配置规则、必要集成代码与部署说明。
  • 基础 SEO、埋点字典、字段表与验收报告。
  • 后台手册、培训、账号权限和资料交接。

客户协同提供

  • 品牌 VI、确认后的英文内容与媒体授权。
  • 两款车型参数、SKU、库存规则和 3D / CAD 素材。
  • 门店、服务范围、库存位置与交付退款流程。
  • 收款主体、目标州规则、认证及隐私条款。
  • CRM 文档、测试账号、对接与验收负责人。
验收、持续服务与变更如何约定?

可验证的验收

设计按确认稿与响应式状态验收。配置须匹配正确 SKU、价格与库存;联调覆盖全款、取消、退款、缺货和提车回传。

检查键盘、触控、错误提示与减少动效;视频/3D 压缩与延迟加载,提供图片降级。交付缺陷清单、修复记录、试运行与回滚方案。

持续服务

首年基础维护免费。

基础维护包含日常 Bug 修复与页面简单调整;新模块、额外模型、二三期与外部系统重构按变更评估。

资料或接口延迟时共同确认替代方案与计划调整,未知接口不视为已完成对接。

13 / FUNCTIONAL SCOPE

哪些现在做,
哪些为未来留好位置。

按一期、二期、三期查看与调整功能配置。

研究依据与项目资料

资料与研究

结合项目需求、客户会议纪要及在线全款/线下提车模式。事实与工具价格引用正文官方来源,竞品分析与区域策略为方案判断。

核验日期 2026-09-12;人口数据为 2024 年,竞品截图为 2026-09-10。最终采购重新核对适用套餐。

实施所需资料

  • 标准车型配置表及模型素材。
  • 优先区域、适用场景、履约门店。
  • 收款、库存、售后、经销商结算。
  • CRM、权限、接口与同步频率。
  • 功能范围、UI 方向及验收负责人。