糍饭团｜网站设计方案
糍饭团｜网站设计方案
一、设计定位
-
核心理念：以“糍饭团”为文化符号，传递 温暖、团聚、分享、省钱 的社区氛围。
-
风格定位：中式美食文化 + 现代电商体验。
-
关键词：人间烟火气、团圆、实惠、邻里。
-
目标：一个网站，承载两大业务（餐厅拼团 + 超市团购），既直观实用，又带文化温度。
二、信息架构与导航
顶部主导航（简洁直观）
-
首页
-
餐厅拼团 🍲
-
社区团购 🛒
-
团长专区 👥
-
我的
页脚
品牌故事｜商家合作｜团长招募｜使用条款｜核销与退款规则｜联系我们（微信/电话/邮箱）
三、首页设计
1. Banner
-
主图：中式糍饭团 + 家庭围桌吃饭的场景 → 营造“团圆”的氛围。
-
宣传语：“糍饭团，团出省钱好生活。”
-
轮播信息：
-
热门餐厅拼团倒计时
-
本周超市团购清单
-
团长招募活动
-
2. 双入口卡片
-
餐厅拼团（优惠券拼团） → 配图：美食桌、朋友聚餐
-
社区团购（超市团购） → 配图：蔬菜篮子、家庭采购
3. 社区信任区
-
热门团长推荐（头像+昵称+片区）
-
商家 Logo 墙（鼎好超市 + 餐厅合作方）
-
用户评价（带头像+简短好评）
四、餐厅拼团专区（获客入口）
页面布局
-
拼团规则插画：糍饭团进度条 → 每多3人，“加一层馅”，直观体现折扣（最高18人成团=7折）。
-
餐厅列表卡片：
-
Logo、菜品图片、起团人数、当前进度条
-
“剩余2人可省5%”提示
-
-
拼团详情页：
-
进度条 + 剩余时间
-
阶梯折扣可视化（饭团切片，每片标注优惠档位）
-
一键分享：微信 / WhatsApp / 链接复制
-
使用规则（有效期、可用时段）
-
视觉风格
-
背景纹理：水墨团圆饭桌插画
-
主色调：橙红（热闹、食欲感）
五、社区团购专区（高频留存）
页面布局
-
片区选择：地图标注，点选 Marietta / Chamblee / Johns Creek
-
本周清单：卡片式展示，分蔬菜/肉类/水果/零食/日用品
-
购物车吸底：实时显示金额（115%，标明“含15%团长服务费”）
-
定时提醒区块：
-
截止时间：周四晚8点
-
配送时间：周六上午
-
-
团长信息卡：
-
团长头像 + 微信二维码 + 简介
-
信任标签（服务次数、用户评分）
-
视觉风格
-
背景纹理：青花瓷元素 / 手绘市集插画
-
主色调：青绿（新鲜、健康）
六、团长专区（Airmart支撑）
模块设计
-
成为团长：大按钮“加入糍饭团，一起团好货”
-
收益说明图解：
-
收银单115%（15%服务费）
-
-
超市额外 5%–10% 佣金
-
-
-
团长后台：
-
我的订单、分拣清单、核销二维码
-
收入统计（实时 + 月度）
-
推广工具（海报、链接、二维码）
-
-
排行榜：片区销量冠军、好评团长榜
视觉风格
-
团长页面更“市井化”，加邻里人情氛围插画（比如“提菜回家”的画面）。
七、用户路径
流程1：餐饮拼团
-
用户 → 浏览优惠券 → 发起/加入拼团
-
分享好友 → 成团进度条实时更新
-
成团成功 → 自动结算优惠 → 生成券码
-
到店出示核销码消费
流程2：社区团购
-
用户 → 进入片区 → 选择团长
-
浏览清单 → 购物车 → 结算115%
-
平台分账：超市收供货金额，团长收15%服务费
-
超市供货 → 团长分拣 → 周末送货/自提
流程3：团长成长
申请 → 审核 → 培训 → 接单 → 分拣配送 → 收益结算 → 晋级/奖励
八、UI与品牌风格
色彩体系
-
红橙色：餐饮拼团（热闹、食欲感）
-
青绿色：超市团购（新鲜、健康感）
-
米黄色/糯米色：背景统一基调，贴合“糍饭团”主品牌
图形元素
-
糍饭团进度条：以饭团切片代替数字化进度
-
团长身份牌：中式印章风格头像框
-
按钮样式：圆角+拟物阴影，亲和易点
品牌口号
-
“糍饭团，团出省钱好生活。”
-
副标语（餐饮拼团区）：“一口好味，大家来拼。”
-
副标语（社区团购区）：“邻里同心，团出好货。”
九、技术实现建议
-
Shopify：负责商城基础、拼团插件（支持阶梯优惠）、核销券。
-
Airmart：负责团长体系（分销链接、订单分账、团长后台）。
-
支付：Stripe/PayPal + 微信/支付宝第三方接口。
-
消息推送：订单通知、拼团进度提醒、团购配送提醒。
-
数据报表：GMV、拼团成功率、团购复购率、团长履约率。
📌 一句话总结：
糍饭团网站 = 一桌团圆饭的线上延伸 —— 首页是团聚氛围，拼团区像“呼朋唤友吃饭”，团购区像“邻里市集”，团长区像“管片的热心大姐/大哥”，最终让用户既能享受优惠，也能感受到“社区烟火气 + 中式团圆味”。
