机汇 JIHUI
后台原型 用户端原型
手机 / 数码产业带 · 信息撮合平台

找机找人,一键联系
产业带的货源与人,按地区聚合到这里

机汇 JIHUI · 找机找人,一键联系

机汇不是电商。平台不介入任何交易资金,只做四件事:入驻、发布、地区化展示、联系方式展示。 卖方在线上被看到,买方在线下自行成交 —— 平台靠会员充值按板块计费,不抽佣、不托管货款。 覆盖 新机 / 旧机买卖 / 设备配件 / 招人 四个板块,为深圳华强北、东莞长安、郑州二七区等产业带的从业者服务。

4
大业务板块
20家
新机入驻厂家
42页
用户端页面清单(原型 28 屏 + 城市抽屉)
25页
后台页面清单(原型 21 页)
0
平台介入资金

* 以上为业务设定与示意数据(在架信息数、今日新增等演示数值),非真实运营数据;原型内商品图、实拍图均为 SVG 占位,正式设计稿替换为实拍素材。页面清单 42 页 / 25 页为完整清单口径,原型 28 屏 / 21 页覆盖其中全部主链路与核心页。

Project Positioning / 项目定位

一句话:把「找货」和「找人」的信息差,压到一条可联系的列表里

产业带从业者只用两件事:快速找到货或人、拿到能打通的联系方式。微信群、朋友圈、熟人介绍把这两件事切碎了 —— 机汇把它们按地区重新聚合。

01
找货靠群聊,信息刷屏即消失
供应商分散在上百个微信群里,一条供货信息平均存活 20 分钟。历史信息无法检索,新人进群只能从头看。
02
地区对不上,跨城看货成本高
东莞长安的买家刷到郑州的货,运费和验货成本吃掉全部利润。就近货源却没有统一入口。
03
联系方式难拿,中介层层转手
层层转发后只剩「有兴趣私聊」。真正的一手负责人微信拿不到,比价效率极低。
04
招人靠熟人,垂直入口缺失
维修师傅、渠道销售、店长流动频繁,综合招聘平台无用;厂家与求职者之间没有产业带内的撮合场。
Four Segments / 四大板块

四个板块,一套信息结构

所有列表与详情统一为「标题 → 标签 → 地区·时间 → 联系方式」。地区永远在左、时间永远在右 —— 用户扫一眼就知道货在哪里、信息新不新。

新机

整机厂家直供

约 20 家入驻厂家。每家拥有企业主页,上架整机商品,支持图文与 30 秒短视频展示,主页直接呈现联系方式。

  • 厂家主页:资质 · 主营 · 联系卡
  • 整机商品:图文 + 30 秒视频占位
  • iPhone 15 Pro / Mate60 / 小米14
旧机买卖

求购 / 出售供求

双 Tab 区分求购与出售,按城市与商圈就近优先排序。支持成色、容量、价格区间筛选,过期与已成交自动灰显。

  • 求购 [冷石墨] / 出售 [暖褐] 色标
  • 筛选:城市 · 成色 · 价格 · 时间
  • 已成交 / 已过期双状态灰显
设备配件

求购与商家开店

个人发布求购信息;配件商家入驻开店,上传配件明细与价格。屏幕总成、电池、摄像头模组、排线、压屏机明码标价。

  • 商家店铺页:经营类目 · 报价单
  • 配件明细:型号 · 价格 · 库存标注
  • 个人求购:直接暴露联系方式
招人

四种身份一个入口

厂家招聘、代招、员工待招、个人求职四 Tab。薪资区间、经验要求、工作地点结构化,方便按城市快速过滤。

  • 岗位:维修师傅 · 渠道销售 · 店长
  • 薪资区间与结算方式明示
  • 风险词在后台审核侧高亮
Two Ends / 双端口

一套数据,两个端口

用户端为移动端优先(375pt,微信小程序视觉语言),页面清单 42 页;管理后台为 PC Web(1440px),页面清单 25 页,更高信息密度,服务运营与审核。原型覆盖其中全部主链路与核心页。

用户端 · 移动端

底部 5 宫格 Tab,中央深空黑圆形发布按钮(全站唯一破格)

清单 42 页 · 原型 28 屏
375pt 基准宽度
5底部 Tab 宫格
88列表缩略图
进入用户端原型
管理后台 · PC Web

左侧 220px 导航,激活态为灰底 + 左侧 2px 深空黑竖条

清单 25 页 · 原型 21 页
1440px 基准宽度
220px 侧导航
48表格行高
进入后台原型
Business Model / 商业模式

平台不介入资金 · 会员按板块计费

这是整个产品的商业命脉,也决定了付费墙在产品里的位置:所有的钱,只为了「看联系方式」这一件事付费。

REVENUE MODEL
看得见联系方式,才收钱
浏览、搜索、筛选全免费。只有当用户需要查看对方手机号与微信号时,才触发付费墙。 会员按四大板块单独充值,做旧机的不必为新机买单,招人的不必为配件付费 —— 降低进入门槛,提高续费意愿。
01
不托管资金:平台不做在线支付、不代收货款、不提供担保交易
02
不抽佣:买卖双方线下自行成交,平台不参与分成
03
会员按板块:新机 / 旧机 / 配件 / 招人,四选一或组合购买
04
入驻与发布:入驻审核通过后即可发布,联系方式对会员可见
付费墙 · 列表态

列表卡内手机号掩码 138****8888,右侧「查看」文字按钮 —— 轻量提示,不打扰浏览。

付费墙 · 详情态

详情页独立 香槟金 1px 描边联系区块:24px 锁图标 + 深空黑 CTA「开通会员」,每屏最多一次。

付费墙 · 抽屉态

底部抽屉:板块选择 + 价格 + 权益清单 + 全宽主按钮「立即开通」,金线选中、黑底成交。

Target Users / 目标用户画像

他们在档口里,用一只手刷完整个流程

从业者每天在微信群、朋友圈、档口之间切换。他们功利、急躁、只看两件事 —— 货在哪、怎么联系。

陈
陈老板 · 档口老板 / 渠道商
深圳 · 华强北 · 从业 9 年
场景
每天早 9 点扫一遍新货源,找能当天调到的整机
痛点
微信群信息刷没;异地货源不敢下单
要什么
就近优先 + 直接打通厂商电话
愿意付
为「新机」板块单独充值,不需要别的
李
李师傅 · 维修店主 / 配件采购
东莞 · 长安 · 从业 6 年
场景
缺一块屏幕总成,同城 30 分钟内要拿到
痛点
配件型号多、报价乱、比价靠打电话
要什么
按城市过滤的报价单 + 商家评价
愿意付
为「配件」板块充值,按月续
王
王主管 · 厂家招聘负责人 / 求职者
郑州 · 二七区 · 产线扩张中
场景
两条产线缺维修师傅与渠道销售,急招
痛点
综合招聘平台简历不对口,熟人推荐太慢
要什么
产业带内的垂直简历 + 电话直联
愿意付
为「招人」板块付费,招到即停
使用环境
移动端重度,单手操作,常在嘈杂档口与电梯间
耐心程度
极低。超过 2 次点击还找不到联系方式就退出
核心动作
快速找到货/人 → 拿到电话或微信 → 线下成交
审美偏好
排斥花哨促销;相信"信息干净 = 平台专业"
Core Loop / 核心闭环路径

浏览 → 筛选 → 联系 → 线下成交

平台的服务在第 3 步结束。第 4 步在线下发生 —— 这是商业模式决定的,也决定了原型必须把「联系方式」做成唯一高价值节点。

01

浏览信息流

按城市进入推荐流,四大板块按地区聚合展示。列表卡统一:图 + 标题 + 标签 + 地区·时间。

02

筛选与定位

城市三级选择(省 / 市 / 区)+ 板块内筛选面板。就近优先,同商圈货源排在最前。

03

一键联系

详情页查阅图文/视频,触发付费墙 → 开通板块会员 → 手机号直拨 + 微信号一键复制。

04

线下成交

双方线下自行看货、议价、交付。平台不介入资金,成交后信息标记「已成交」自动灰显。

Design System / 设计系统

Vercel 基底 + 深空黑 / 香槟金

71 套内置系统中唯一把「纯黑白灰 + 1px 描边 + 无投影 + 8px 圆角」做到极致的一套。叠加 Linear 的后台信息密度与 Apple 的石墨留白。

色彩 · 三种语言

#0B0B0D深空黑 · 主 CTA
#B08D57香槟金 · 会员/付费墙
#FAFAFA页面底
#E9E9EB1px 描边
#F4F4F5分组条 / 骨架屏
面积配比硬规则:中性灰阶 ≥ 85% 画面;香槟金 ≤ 10%,且只出现在锁图标、1px 描边、勾选图标与会员卡底 #F7F2E9;语义色 ≤ 5%(已降饱和)。

方法与红线

  • 层级靠背景色差与 1px 描边,静态卡片一律 box-shadow: none
  • 圆角只有 6 / 8 / 12 三级,任何元素不超过 12px(pill 标签与头像除外)
  • CTA 永远深空黑实底,禁止金色实底 + 白字(对比度仅 3.12:1)
  • 图标线性 1.5px,24 grid,禁用 emoji、填充图标与彩色插画
  • 动效 ≤ 320ms,只解释"发生了什么",不做表演
  • 中文字重上限 600,标题 600 / 正文 400,禁止小字 700
一票否决:紫蓝渐变 · 橙红促销风 · 可爱插画 · 同屏 ≥4 色相 · 彩色实底按钮 · 投影堆叠 · 深色底页面。
Deliverables / 交付物

三个独立 HTML 文件

全部内联 CSS / JS / SVG,零外部依赖。双击用浏览器打开即可,无需服务器。

01 / 03

index.html · 项目总入口

项目定位、四大板块、双端口、商业模式、用户画像、闭环路径与设计系统说明,含两个大入口按钮。

outputs/index.html
当前页
02 / 03

prototype-user.html · 用户端

375pt 手机外壳 + 页面导航,28 屏 + 城市选择浮层可点(对应 42 页清单中的全部主链路)。含 Tab 切换、城市三级抽屉、付费墙、表单校验、骨架屏、下拉刷新、异常演示开关。

outputs/prototype-user.html
28 屏 + 1 浮层 / 8 类异常演示
03 / 03

prototype-admin.html · 管理后台

1440px 左侧 220 导航 + 56 顶栏,17 页可点。含 KPI、审核队列、内容管理、会员订单、字典、角色与日志。

outputs/prototype-admin.html
17 页 / 4 类异常演示
异常场景演示开关
两个原型右上角均有「异常演示」控件,可一键切换并一键恢复。用户端 8 类:空态 / 加载失败(含重试)/ 网络异常 / 登录态失效 / 权限不足 / 表单校验失败 / 操作报错 / 内容已过期灰显;后台 4 类:空态 / 加载失败 / 网络异常 / 操作报错。
去体验 →