风水五行网 · DEMO SITE

「风水五行网」演示站
测算 × 咨询 × 开运手串 · 全部可以点

这是「风水五行网」演示站(文案占位,后续由谭生替换)——现在已经做成可点击的交互原型:下面的手机不是图片,是真正能操作的。Tab 切换、弹窗、答题、筛选、预约支付、咨询室聊天,全部可以一路点下去。把网页发给朋友,他拿起手机就能自己走完整流程。

● 在线可交互 📱 19 个页面全可点 🧭 右侧控制台可直达任意页 🗓 2026-10-24
▶

交互原型 · 点一下试试

CLICKABLE PROTOTYPE
✦ ✦ ✦
风水五行
FENGSHUI · WUXING
知命 · 开运 · 陪伴
🎁 新人专享 · 首单 3 分钟免费咨询
v0.1 · 交互原型
☯ 八字🃏 塔罗🔮 紫微
Live&Oncall新人3分钟免费›
五行开运手串Stripe 可购全部 ›
🔴
朱砂护身串
朱砂 · 属火 · 旺气护身
¥168
🟢
绿幽灵招财串
绿幽灵 · 属木 · 聚财开运
¥298
🟣
黑曜石镇宅串
黑曜石 · 属水 · 化煞安宅
¥228
推荐老师
专属推荐星级名师婚姻情感
王
阿赞王 ★4.9
负能量消除、职业规划
◁ 1447 · 从业 11 年
¥68.00起/小时
阳
易弘阳 ★5.0
恋爱情感、职业规划
◁ 1022 · 从业 37 年
¥29.00起/小时
您的今日心情
感情
86
财富
75
事业
72
89综合分数
推荐文章树洞 ›
W
Ww2小时前
···

事事顺心皆如意 ❤️

# 情绪树洞 ›
💬 评论↗ 分享
祈
祈月2小时前
···

别后悔当初的选择,因为受害人是你

# 情绪树洞 ›
💬 评论↗ 分享
追
追风少年Hero4小时前
···

今天的风很舒服,适合把不开心吹散 🌬

# 情绪树洞 ›
💬 评论↗ 分享
消息通知
🧧
点击登录 登录后同步心情 · 预约 · 报告
钱包余额
¥128.00
💌
邀请好友各得 ¥20好友首单完成后到账
暧昧真心指数1 / 6
Q1

当对方已读不回你的消息时,你的第一反应是?

暧 昧 真 心 指 数
78综合指数
他对你有好感,但仍在观望

你的吸引力在线,但对方在「确认关系」上明显迟疑。先别急着要答案,把下面这 3 个维度看完再决定。

主动性
82
回应热度
74
情绪稳定
66
未来规划
58
他的真实顾虑已隐藏
推进关系的最佳时机已隐藏
一句话让他主动表白已隐藏
🔒
解锁后可一键分享给闺蜜 · 或找老师解读
子

灵子

★5.0 · 9443 条评价 · 15年经验
人生分析命理占卜心理咨询缘分引路
在线即时可连线
3 分钟平均响应
98%好评率
个人简介

从业 15 年,累计咨询 9400+ 小时。擅长八字与塔罗交叉解读,聚焦职业选择、婚恋走向与人生节点决策。咨询风格温和直接,不给模棱两可的答案。

服务项目
单项咨询30 分钟 · 图文 / 语音
¥25.00/次
深度解析60 分钟 · 语音 / 视频
¥68.00/时
情感合盘双方八字 / 星盘合参
¥98.00/次
用户评价
嗯
嗯***啦★★★★★

说的时机很准,纠结半年的事终于有方向了。

安
安***子★★★★★

很温柔但句句在点子上,已经约了下一次。

子预约 · 灵子● 在线
选择服务
选择日期
选择时间
深度解析 · 60 分钟¥68.00
新人优惠-¥10.00
实付¥58.00
支付方式
子
灵子资深命理咨询师
12:33剩余 12 分钟
⏱ 咨询计时中 · 结束后可评价并申请售后
子
你好呀,我看到你约的是深度解析。最近是哪件事最让你放不下?先和我说说大概情况。
我
感情的事。在一起三年,最近半年他越来越冷淡,我不知道该不该继续。
子
能把你们两个的出生日期给我吗?我结合八字看一下彼此的节奏,再给你一个明确判断。
我
好,我 1996.03.12,他 1994.11.05。
🖼 🎤 📞 📹
🔒 加密 正在呼叫 00:02
子
灵子
语音呼叫 · 等待老师接听。。。
语音咨询中 00:00
子
灵子
● 通话中 · 余额充足可继续 42 分钟
🔒 通话端到端加密 · 咨询内容全程录音存证,可在「我的 → 订单」中回放与申诉
🧑‍🏫
灵子
对方视频画面(演示占位)
视频咨询中 00:00
我我的画面
网络良好 · 720P
2026 - 10
日一二三四五六 1补2补3补4补 5补6补7补8补9补10补11补 12补13补14补15补16补17补18补 19补20补21补22补23补24补25 262728293031
本月心情统计
😍3天
😊9天
😐5天
😢4天
😡1天
🤯2天
😴3天
😭2天
📔
日记简述用三句话,记住今天
匿
匿名用户匿名1小时前
···

凌晨三点又醒了。结婚五年,对话只剩「嗯」「好」「睡了」。是不是所有的婚姻最后都会变成这样?

# 情绪树洞 ›
月
祈月3小时前
···

今天去把长发剪了。照镜子的瞬间突然觉得,放下一个人也没有那么难。🌙

今日份晚霞 · 点击查看大图
# 情绪树洞 ›
W
Ww5小时前
···

连续记录心情第 21 天,综合分从 62 涨到 89。原来情绪真的可以被养回来。

# 疗愈打卡
工作卡关?
别再盲目努力
老师即时解读,为你分析事业运势
与发展时机
五 曦 灵 多位专业老师,满足你的不同需求
超 10 万 用户已经在这里找到方向
暧昧真心指数?
别被氛围骗了
你是真的遇见真心,
还是只是迷恋暧昧氛围?
已有 128,406 人完成测试
筛选
祈求
学术
五行开运手串 杜撰占位商品 · Stripe Payment Link 待替换
🔴
朱砂护身串
天然朱砂珠 · 五行属火 · 宜佩戴于左手,助旺气、稳心神。谭生亲选占位款。
¥168
🟢
绿幽灵招财串
巴西绿幽灵 · 五行属木 · 聚财气、利事业推进。适合书桌或常戴。
¥298
🟣
黑曜石镇宅串
双彩虹眼黑曜石 · 五行属水 · 化煞、安宅、护行程。家居与出行皆宜。
¥228
支付跳转 Stripe Payment Link 占位地址
正式上线前请替换为真实链接 · 不会真实扣款
登录五行网
登录后可保存心情记录、测验报告、咨询预约,树洞发帖与点赞也会同步到你的账号。
其他方式
已连接五行网云服务 · 验证码由平台发送
登录即代表同意 《用户协议》 与 《隐私政策》
未注册的手机号将自动创建账号
说点心事,树洞会听见…
内容仅你自己可见管理 · 发布后同步到五行网云

iPhone 14 · 375×812 逻辑分辨率 · 支持 Esc 返回上一页

演示控制台

左边手机里的每个按钮、卡片、弹窗都是热的。也可以从下面地图一键直达某个页面。

开屏品牌页01 / 16
主线体验
咨询变现链路
心灵留存链路
推荐试这条线
  • 首页 → 点「手串」宫格 / 货架 → 五行手串 → Stripe 占位购买
  • 首页 → 点「测试」宫格 → 免费连线弹窗 → 直达列表
  • 列表 → 筛选(祈求×学术)→ 点卡片进详情 → 预约支付
  • 详情 →「连线」→ 呼叫等待 2 秒自动接通 → 语音 / 视频通话 → 挂断
  • 发现 → 疗愈之旅 → 答 6 题 → 看结果 → ¥9.9 解锁
  • 咨询室里真的能打字发消息,对方会回你;📞📹 可直接发起通话

提示:心情记录 / 测验报告 / 预约订单 / 咨询聊天 / 树洞帖子与点赞已接入五行网云服务——手机号登录后真实保存,刷新不丢失;支付与解锁仍为模拟流程。键盘 Esc = 返回上一页。

01

产品定位

POSITIONING

一句话定位

面向 18–40 岁泛玄学兴趣人群(女性为主)的一站式心灵命理服务平台:用免费测算与内容引流,用专业咨询(命理师 + 心理咨询师)变现,用心情记录与树洞社区提升留存。

🔮
玄学命理 · 引流层

八字排盘、塔罗、紫微、星盘、趣味测试(如「暧昧真心指数」)。免费轻量,负责拉新与裂变。

💬
专业咨询 · 变现层

命理师 / 情感咨询师 / 心理咨询师入驻,按小时预约或即时连线,平台抽成 15%–25%。

🌱
心灵疗愈 · 留存层

每日心情评分、心情日历、7 天疗愈之旅、树洞社区与文章内容,形成日活与复访。

两份参考资料 → 一个融合产品

参考来源内容特征融合决策
产品截图 ×6
繁体 / US$ 计价
命理咨询平台:首页、Live&Oncall 直播预约、咨询师列表与筛选、营销弹窗、测验入口合并为一个 App:「首页 = 命理服务 + 直播预约」「发现 = 心灵成长 + 树洞社区」;语言与货币做成配置级切换(大陆简体/¥,海外繁体/US$)
实录视频 ×1
简体
心情日记 + 倾诉咨询:今日心情评分、疗愈之旅、树洞帖子、心情日历、倾诉老师列表

商业模式与合规提示

模块说明
咨询抽成核心收入:咨询师时薪(¥25–98/小时)+ 平台服务费;新人 3 分钟免费额度用于首单转化。
测试报告免费答 6 题看简版结果,完整报告 ¥9.9 解锁,可叠加「老师解读」增值服务。
会员订阅月度会员:免费连线时长、报告折扣、隐身逛社区、专属老师推荐。
内容合规命理类内容标注「娱乐 / 传统文化参考」;心理咨询师须公示资质编号,危机关键词(自伤等)触发人工干预与求助热线。
02

信息架构

INFORMATION ARCHITECTURE
  • 五风水五行网
    底部导航:首页 / 发现 / + / 消息 / 我的(原型按五宫格排布,「媒体」内容流并入发现)
  • 🏠 首页(命理服务)
    • 提问搜索框(八字 / 塔罗 / 紫微)
    • 今日能量 · 八字排盘
    • 分类宫格:测试 / 塔罗 / 星盘 / 趣味 / 手串 / 心理
    • Live&Oncall 直播预约(新人 3 分钟免费)
    • 推荐老师(筛选:专属推荐 / 星级名师 / 婚姻情感)
  • 📺 媒体(内容)
    • 文章流(情感 / 事业 / 疗愈)
    • 文章详情(咨询师署名)
  • 🧪 测算与测试
    • 测验入口(弹窗 / 宫格)
    • 答题流程(6 题)
    • 结果预览 → 付费解锁完整报告
  • 💬 咨询
    • 咨询师列表(筛选:祈求 × 学术)
    • 咨询师详情(资质 / 服务 / 评价)
    • 预约选时 → 支付 → 咨询室
    • 即时连线:呼叫等待 → 语音 / 视频通话(静音 / 免提 / 翻转 / 美颜 / 挂断)
  • 🌱 发现(心灵成长)
    • 今日心情(感情 / 财富 / 事业 / 综合分)
    • 心情日历 · 本月统计 · 日记简述 · 签到补签
    • 7 天疗愈之旅
    • 树洞社区(关注 / 推荐 / 最新)
  • ✉️ 消息
    • 会话列表(咨询助手 / 系统通知)
    • 预约提醒 · 连线到期提醒
  • 👤 我的
    • 钱包充值 · 订单 / 预约记录
    • 收藏 · 心情日记 · 我的报告
    • 会员中心 · 邀请好友 · 设置
03

设计系统

DESIGN SYSTEM

色彩

品牌紫#6C4DF6 → #8B5CF6
渐变紫#B36BFF → #6C4DF6
品红#FF6FA5 · 感情线
暖金#FFB84D · 财富线
朱橙#FF5A3C · 价格/主 CTA
青绿#12B76A · 连线/在线
墨色#1B1333 · 主文字
次级灰#8A83A6 · 辅助文字
分隔线#EFEBF7
页面底#F6F5FB

字体与控件规范

用途规范
页面大标题20–24px / 800 / 字距 -0.3
卡片标题15–17px / 800
正文13–14px / 400 / 行高 1.6–1.75
辅助说明11px / 500 / #8A83A6
价格数字16–22px / 800 / #FF5A3C / 等宽数字

字体:PingFang SC / Noto Sans SC;圆角:卡片 16–18、弹层 26、胶囊 999;阴影:0 6–12px rgba(31,20,80,.05–.10);图标:圆角方块底 + 线性/面性混用;插画:紫粉渐变 + 暖金点缀的「星空疗愈」风。品牌吉祥物为「命理师小机器人」(开屏与首页右上角)。

04

核心流程

KEY FLOWS
流程 A · 咨询变现主链路(新用户 → 首单)
开屏新人礼包→ 首页→ 免费连线弹窗→ 咨询师列表→ 筛选→ 咨询师详情→ 选服务 / 时间→ 支付→ 咨询室→ 评价 / 复购
流程 B · 即时连线链路(高意向 → 实时通话)
列表 / 详情 / 咨询室→ 点「连线 / 📞 / 📹」→ 呼叫等待(可改用视频)→ 自动接通 · 语音 / 视频→ 计时计费→ 挂断 · 评价 / 售后
流程 C · 测验引流链路(拉新 / 裂变)
入口(弹窗 / 宫格 / 分享)→ 答 6 题→ 结果预览(分数 + 简评)→ ¥9.9 解锁完整报告→ 完整报告→ 老师解读(二次转化)
流程 D · 心灵留存链路(日活 / 复访)
今日心情评分→ 记录心情 / 签到→ 心情日历 · 月度统计→ 写日记简述→ 7 天疗愈之旅→ 树洞社区互动→ 文章 / 咨询转化
05

页面清单与交互说明

SCREENS & INTERACTIONS
#页面原型里可以点什么
01开屏品牌页「跳过」立即进首页;不点 1.6 秒自动进入
02首页(命理)搜索框 / 今日能量 / 八字排盘 → 提示;宫格「测试、趣味」→ 测验弹窗,「塔罗、星盘、心理」→ 咨询师列表;Live 卡片 → 预约提醒;老师卡「咨询」→ 详情;右上角吉祥物 → 免费连线弹窗
03发现(心灵)📅 → 心情日历;疗愈之旅 banner → 测验;推荐/文章 Tab 切换;帖子点赞可点亮
04弹窗 · 免费连线✕ 关闭;「免费连线」→ 直达咨询师列表
05弹窗 · 测验入口✕ 关闭;「开始测验」→ 答题流程
06测验答题选项单选、下一题推进、上一题回退、进度条实时走;答完进结果
07测验结果「¥9.9 解锁」→ 模拟支付解锁;返回重答
08咨询师列表「筛选 ▾」→ 筛选弹层;四个 Tab 切换分类;卡片 → 详情
09筛选弹层祈求 × 学术双组点选;确认后真实过滤列表
10咨询师详情收藏 ♡ 可点亮;「连线」→ 呼叫等待页,2 秒自动接通语音(可改用视频);「咨询」→ 预约支付弹层
11预约支付服务 / 日期 / 时间 / 支付方式点选,实付金额实时计算;确认支付 → 进咨询室
12咨询室输入框真能打字发消息,对方会自动回复;快捷问句一键发送;计时器倒数;📞 / 📹 可直接发起语音 / 视频通话
13呼叫等待「连线」后进入:头像光环脉动 + 等待动画,倒计时 2 秒自动接通;可一键「改用视频 / 语音呼叫」;✕ 取消返回
14语音通话接通后计时走表(mm:ss);静音 / 免提按钮可点亮;挂断 → 返回并提示「通话结束 · 去评价送 5 积分」;通话中按 Esc = 挂断
15视频通话全屏通话画面 + 右下角「我的画面」小窗;静音 / 翻转(小窗左右换边)/ 美颜可点亮;网络状态标;挂断同上
16心情日历月份切换提示;「记录今日心情」→ 登录后真实写入云端(再次点击可更新当天分数)
17树洞社区关注/推荐/最新 Tab;帖子从云端实时加载;「说点心事」→ 登录后真实发帖;点赞真实同步(再次点击取消)
18消息中心消息/通知 Tab;「咨询助手」「系统消息」→ 直达咨询室 / 报告
19我的头像区 → 登录 / 账号信息;「我的预约」「我的报告」→ 读取云端真实记录;「退出登录」;钱包 / 订单 / 收藏 / 邀请为演示反馈
+登录(云服务)未登录点任意需存档功能会弹出登录层:手机号验证码(主)或 微信登录;登录后自动继续刚才的操作

交付说明与下一步

事项说明
本稿范围可点击交互原型(19 页)+ 高保真界面 + 信息架构 + 设计系统 + 核心流程。已接入云服务:心情记录、测验报告、预约订单、咨询聊天、树洞帖子与点赞在手机号登录后真实持久化;支付、解锁、实时音视频通话为模拟流程(正式版建议腾讯云 TRTC / 声网 SDK)。
市场适配当前按大陆市场输出简体中文 + ¥ 计价。参考原作(繁体 / US$)面向港台与海外华人:语言、货币、时区、支付渠道均为配置级切换,可低成本出海外版。
建议下一步 ①朋友试用本原型后收集反馈,确定页面优先级与文案,再进入开发排期。
建议下一步 ②技术选型:跨端优先 Flutter / React Native;直播与 IM 建议接入腾讯云 / 声网 SDK,不必自研。
建议下一步 ③后台模块拆分:用户体系、咨询师入驻与结算、订单与支付、内容 CMS、直播调度、消息推送、风控与内容审核。
合规红线命理内容加「娱乐 / 传统文化参考」声明;心理咨询师资质公示;危机词(自伤 / 轻生)触发人工介入并展示心理援助热线;未成年人消费限制。
「风水五行网」演示站 · 基于实录视频与产品截图整理 · 375×812 逻辑分辨率
原型:Tom(AI 搭档)· 2026-10-24 · 供 Jeffrey 与其朋友评审使用