背景与范围
以原创花艺品牌与花束摄影呈现线上花店的选购体验，串联分类搜索、规格数量、购物袋、配送或自取安排、模拟订单和会员充值。手机与电脑保持统一的品牌质感与清晰的操作路径。
把送花的心意变成清楚的选择
花店的线上入口需要同时表达花艺风格和购买安排。顾客不仅要看见花束，还要知道如何选择规格、填写花礼卡片，以及安排配送或到店自取。花序花艺商城以原创模拟品牌，展示这段从选品到订单查询的连续体验。
白色留白、紫色花束与浅绿色点缀
页面以大幅花束摄影建立品牌印象，用宋体标题与细线图标呈现轻盈的花艺气质。商品图片、名称和价格集中展示，手机端保留底部导航，电脑端采用开放式商品布局，避免把选购体验做成层层嵌套的信息面板。
花礼选购与送花安排
| 环节 | 交互设计 |
|---|---|
| 发现花礼 | 主题花束、玫瑰、花篮及永生花专题，支持按名称与类别搜索。 |
| 选定心意 | 在商品详情选择规格与数量，同步查看价格并加入购物袋。 |
| 安排收花 | 配送与自取分别展示所需信息，可选择时间并填写祝福卡片。 |
| 查询订单 | 模拟下单及付款后查看待配送或待自取状态，未付款订单可取消。 |
| 会员体验 | 查看模拟余额、充值金额选择与本次浏览的充值记录。 |
手机上的花艺商城
手机端将主视觉、横向分类与商品选购连接起来，首页、花礼、永生花、订单和会员入口保持可达。商品详情与购物袋适应窄屏，结算页随配送方式变化，让用户逐步完成安排。
可直接体验的范围
已在浏览器核验分类、搜索、规格数量、购物袋、配送与自取模拟下单、模拟付款状态和会员充值。数据存在当前浏览器页面内存中，刷新后清空。付款与充值不会触发真实扣款，门店后台、真实库存、骑手配送和微信支付并未接入。
项目说明
本案例为慧根智研自有能力原型，名称、图片和商品数据用于原创设计展示，不代表客户交付、真实交易或经营结果。永生花等部分商品使用风格示意图片，具体材质和规格以正式商品资料为准。项目展示月份按需求设置为2026年2月；实际制作与核验日期为2026年10月12日，展示月份不表示该月份已完成制作或历史交付。
核心技术
系统界面
业务成果
浏览器已核验花礼浏览、搜索、规格数量、购物袋、配送与自取模拟下单、模拟付款及会员充值交互。