1. 首页
  2. 项目
  3. Baluvi
Baluvi · 品牌与网店

安第斯天然产品电商

安第斯天然产品——龙舌兰蜜、牧豆树糖浆(algarrobina)、蜂王浆——的品牌网站,并连接一家真实的网店:商品目录、购物袋、四步结账和管理后台。

状态
开发中
类型
客户项目 · 品牌 + 电商
平台
网页
年份
2026
Baluvi 截图
手机上的 Baluvi
30 秒了解项目

解决什么问题、为谁解决

01

问题

该品牌的网站虽然合格但平淡,它的「购买」只是生成一条 WhatsApp 消息:没有订单被记录,也无法管控库存。

02

解决方案

精心设计的品牌体验,连接一家网店:顾客装满购物袋,填写资料、选择配送并付款,订单随即保存。团队在后台管理商品、价格、库存和订单。

03

适用对象

寻找秘鲁产天然甜味剂和蜂产品的家庭,以及处理订单的团队。

功能

从品牌到已记录的订单

01

商品目录与商品页

可按商品类型搜索和筛选;每个商品页介绍商品及其价格、库存、产地和可溯源信息。

商品目录与商品页
02

四步结账

汇总、资料、配送和付款,订单总额始终可见,也可选择通过 WhatsApp 发送订单。

四步结账
03

管理后台

新增和编辑带照片、价格和库存的商品,更改订单状态,并提供销售分析。

管理后台
04

带静态替代版的 3D 首页

首页采用 3D 场景,并为偏好较少动画的用户提供静态替代版。

数据

已构建的内容

测试实测
检测到 0 项无障碍问题

对网站 20 个页面的自动检测(axe-core)。

测试实测
手机端性能 89–90/100

Lighthouse,模拟慢速网络;无障碍、最佳实践和 SEO 均为 100。

测试实测
图片体积减少 72.5%

从 6.46 MB 降至 1.78 MB,画质无明显损失。

构建方式

背后的技术

技术
Next.jsSupabaseThree.jsGSAP
技术细节

Next.js 16 搭配 React 19 和 Supabase(带行级安全的数据库、身份验证和存储)。订单在服务器端验证,后台带数据分析和数据导出功能。

状态. 开发中,处于上线前阶段。商品图片仅为示意。
图库

更多产品界面

带搜索和筛选的商品目录
购物袋
手机上的商品页
您的项目

需要类似 Baluvi 的产品吗?

用两句话告诉我们您的想法。我们会回复范围、周期和初步方案。