01 / 首页
从应用方向认识企业
首页将 BMS 产品与交通、储能等应用场景放在一起。客户先判断应用方向,再进入对应的产品类别。
首页不只展示一块 BMS 电路板,而是把产品放进交通、储能等应用场景中,帮助不同客户辨认用途。产品与交通、建筑场景共同说明应用范围,主推产品区域继续承接选型。询价入口与展示内容保持邻近,让专业参数之外的采购沟通有明确起点。
02 / 产品目录
按产品类别继续选型
侧边类别与产品列表并列,产品图片、名称和查看入口保持一致。不同类型的产品在同一目录结构内展示,减少逐页寻找的成本。
目录左侧保留类别,右侧集中产品,客户可以在浏览时持续知道自己所处的范围。卡片采用一致的图片、名称和操作位置,避免不同产品资料长度打乱查找节奏。页面下方继续安排联系方式与需求输入,找完产品后可以直接进入询问。
03 / 在线询价
带着具体需求发起询价
询价弹层提供姓名、联系信息与需求输入,不必跳离刚刚浏览的内容。表单采用独立区域,让提交动作与产品阅读相互衔接。
询价窗口将姓名、邮箱、公司和需求描述集中在一处,背景保留刚刚浏览的产品页面。短字段先确认联系信息,较大的文本框承接选型和采购问题;标题与发送按钮分别标记任务起点和完成动作。这样的组织适合需要进一步确认规格的工业采购,而不是强行套用直接下单流程。
移动端
手机端:看应用场景,继续选型
手机端在品牌标识旁保留菜单入口,主视觉改为更适合竖屏的应用场景。产品和文字顺着屏幕向下展开,发送询问的按钮在主视觉附近保持可见。访客可以先判断产品用途,再继续看产品区域或联系,不需要把桌面导航挤进窄屏。






