BOLINDESKTOP EXPERIENCE   /   02 OF 04返回作品

美蛙 ERP

MEIWA ERP

把零售业务,连成一条线。

零售业务管理平台

美蛙 ERP原稿预览正在呈现画面
桌面端 UI商品 / 库存 / 经营

项目介绍

ABOUT THE PROJECT

把零售业务,连成一条线。

美蛙 ERP 是面向零售经营的桌面业务平台。经营概览连接商品档案、采购订单与库存调拨,门店执行和零售收银承接现场业务;会员、促销、供应商结算与报表导出支持后续经营工作。

产品类型
零售业务管理平台
设计类型
从 0 到 1 完整设计
主要场景
商品 / 库存 / 经营

设计流程

DESIGN PROCESS

以商品与单据为主线,连接采购、库存、门店与经营信息。

  1. 01

    建立业务层级

    将商品、采购、库存、门店和经营归入对应导航,理清跨模块关系。

    信息架构
  2. 02

    统一工作规则

    以蓝白配色组织表格与表单,统一状态、筛选和主要操作的样式。

    视觉规范
  3. 03

    展开单据界面

    沿采购、调拨与结算顺序安排商品、数量、金额和关联资料。

    界面设计
  4. 04

    连接经营延展

    让会员、促销、供应商结算和报表导出承接门店之后的经营工作。

    业务衔接

设计规范

VISUAL SYSTEM

蓝色标记主要操作,白色工作区承载数据、表单与状态;商品、门店和业务单据沿同一阅读顺序展开。

主要强调色Blue#2D88F5

选中状态 / 主要操作 / 重点信息

深色基础Charcoal#101113

内容背景 / 场景衬托

浅色基础White#FFFFFF

主要文字 / 深色背景中的内容

辅助信息Gray#8C8C8C

说明文字 / 次要状态

布局规范

LAYOUT & SPACING

依据原稿中的业务导航、指标、图表与列表,标注工作区的布局关系。

业务导航固定在左侧,搜索和账户入口位于顶部。经营概览先列关键指标,再展开销售与毛利趋势,下方连接库存、门店与商品数据;单据页面保留筛选、明细与处理操作。

14px
指标模块经营图表
8px
筛选控件表格操作
14px8px
内容边距
24 px
模块间距
16 px
指标间距
12 px
美蛙 ERP工作区结构与间距示意业务导航固定在左侧,搜索和账户入口位于顶部。经营概览先列关键指标,再展开销售与毛利趋势,下方连接库存、门店与商品数据;单据页面保留筛选、明细与处理操作。 数值为展示规范,单位 px。美蛙概览商品采购库存门店会员报表搜索经营概览销售毛利订单客单库存门店销售趋势毛利趋势库存与商品门店经营16:9 · 原稿比例24 px12 px16 px业务导航 / 搜索与账户 / 经营指标 / 趋势图表 / 库存与门店
页面结构与间距示意 · 网页 · 标注为展示规范

核心界面

MAIN SCREENS

从主要使用场景开始,查看产品的核心界面。点击图片可以查看完整大图。

业务从总部,落到门店。

IN USE

门店商品执行将商品范围、标准售价与各门店销售状态并列呈现,下发检查和执行操作贴近相关配置。

商品范围
明确相关信息与下一步操作。
门店状态
让操作过程和当前状态容易理解。
下发检查
为后续使用保留清晰的入口。

更多设计细节

MORE SCREENS

沿着使用路径,继续查看内容、操作与不同状态。

美蛙 ERP · 0 / 10

正在呈现原图
100%
NEXT PROJECT / 桌面端小星球官网