前往首页
Product DesignFrontendHardware

SomaLoop App 和海外独立站

2026年

SomaLoop 是映身智能做的一款 无屏、可长时间佩戴的研究级手环 ,把 PPG、加速度等原始信号连续采下来,再在手机上变成恢复、睡眠、负荷这些身体状态。我负责配套 App 的产品与体验,和它连在一起的数据后台、开发者控制台,以及手环和配件的海外独立站、管理后台。

App 能做什么

iOS 用 SwiftUI,Android 用 Kotlin + Jetpack Compose,功能和界面对标。界面有简体中文、繁體中文、English、Deutsch、Français、Español。

  • 今日身体状态:恢复、睡眠、负荷三张卡;静息心率、HRV、血氧、皮温跟自己 14 天的区间比较
  • 指标详情:心率、HRV、血氧、皮温、步数的日视图和多日走势,日视图会标出睡眠时段和主动测量
  • 即时测量:戴着手环点一下,测心率、血氧、HRV、心电,结果上传云端
  • 睡眠:分期时间轴、睡眠压力、睡眠债、睡前提醒;Android 已支持主睡眠与多段小睡
  • 长寿:近四周和前四周比较,记录活动,每日打卡(睡眠类打卡可根据睡眠记录自动完成)
  • Lab:从手环采集 PPG、加速度或两者一起,结束后打包;也可以把原始信号送到云端做活动识别

手机号或邮箱登录。手环数据先存在本机,再分批同步到云端,可以导出 CSV。

iOS 首页:今日恢复、步数、负荷,以及实时心率

iOS 首页:今日恢复、步数、负荷,以及实时心率

Android 版功能和界面与 iOS 对齐,外观可以跟随系统、浅色或深色。上面这张 App 截图来自仓库里的界面对照图(Linux 上跑不了 iOS 模拟器,也没有在这里编译 Android 安装包)。

数据后台和开发控制台

App 后面是一套 Go + PostgreSQL 的可穿戴数据后台:手环数据进来之后,成为「一个人一条时间线」,再给 App、agent、CLI 和以后的网页经同一套 REST API 读取。联调环境已经对外提供 OpenAPI 文档。

另外做了一个 纯前端的 Web Bluetooth 开发控制台 ,用桌面 Chrome 或 Edge 直接连手环,在浏览器里看电量、配置、九类健康历史,也可以做心率 / 血氧实时测量和 PPG / ACC 原始采集,不需要再开一套后端。

SomaLoop Develop Console
Web Bluetooth 开发控制台:设备管理、健康数据和采集都在浏览器里完成

Web Bluetooth 开发控制台:设备管理、健康数据和采集都在浏览器里完成

海外独立站和管理后台

手环和配件的销售,走的是同一套订单核心、两套前台:国内接微信小程序和微信支付,海外是英文独立站,用新加坡主体的 Stripe 收款。管理后台、小程序、海外站和 agent 都打在这一个 Go 服务上。

这条线里我更想给人看的,是独立站后面那套 管理后台 。它管订单、多仓库存、发货和物流、序列号 / MAC、商品与多币种价格、营销活动,以及客户画像。成员分超级管理员、管理员、运营和只读。公司邮箱验证码或通行密钥登录,所有写操作都会记进只追加的操作记录。同一套核心还对 agent 开放 MCP 工具和命令行。

下面这几张是我在本地用演示数据把后台跑起来、登录之后拍的:订单、库存、发货和营销。

管理后台订单列表:待付款、待发货、已发货和已签收,金额有人民币也有港币

管理后台订单列表:待付款、待发货、已发货和已签收,金额有人民币也有港币

管理后台库存:深圳和香港两个仓库,低库存会标出来

管理后台库存:深圳和香港两个仓库,低库存会标出来

管理后台发货与物流:待揽收、运输中、已签收和异常件

管理后台发货与物流:待揽收、运输中、已签收和异常件

管理后台营销:满减、优惠码、第 N 件折扣、新客首单和运费规则

管理后台营销:满减、优惠码、第 N 件折扣、新客首单和运费规则

海外站还没有公开绑到正式域名,下面店面的截图是我用仓库里同一套样式、页面结构和产品摄影,在本地把首页渲染出来拍的。

海外独立站首页:Your body, as an API.

海外独立站首页:Your body, as an API.

海外独立站首页的移动端

海外独立站首页的移动端

海外站是服务端渲染的:首页、商品页、购物车、结算、订单查询和账户。文案以英文为基准,也准备了简体中文、繁体中文、德语、法语和西班牙语。游客可以下单,用订单链接查看进度;要看历史订单,需要先证明拥有这个邮箱。登录支持邮箱验证码、邮箱加密码、Google 和通行密钥。

商品页是左图右购买区,色块可以切换,最后一格是 3D 模型,点了才加载,安卓可以走 AR,iPhone 用系统的快速查看打开 USDZ。结算走 Stripe Payment Element,卡号不经过我们的服务器。待付款订单会在限时后自动取消并释放库存。

tank avatar

Tank Xu

Product Designer / Creator