加速芯片产品信息传递效率,帮助MPS构建品牌小程序

帮助知名芯片厂商MPS打造品牌小程序,让设计实现增长,根据芯片行业的特殊特性,构建整个产品的信息架构,提高整体信息的传达率。

在信息传递的基础上,构建整个产品与周边相关的知识库,让用户通过小程序这个便捷的媒介,能够快速掌握芯片产品的相关知识和建立自主解决采购与生产中的问题,从而降低整个产品的交易成本。

2022

UX/UI设计、小程序、迭代开发

01

线框交互图

线框交互图

02

设计实现增长

  • 产品分类信息重构

    「信息传达率增加」

    对产品信息的分类进行重构,梳理出更加清晰的信息呈现结构

  • 高级搜索

    「可用性提高」

    增加搜索的信息深度,优化搜索结果的呈现方式,让小程序变成用户日常快速解决问题的工具

  • 知识库

    「降低交易成本」

    构建整个产品与周边相关的知识库,让用户通过小程序这个便捷的媒介,能够快速掌握芯片产品的相关知识和建立自主解决采购与生产中的问题

03

设计

作为MPS品牌小程序,传达品牌特色是本案的首要设计目标,我们在视觉语言、元素运用、色彩使用、结构布局以及品牌延伸做了更多的思考。

设计
设计
COLORS 色彩

色彩是提升品牌辨识度最直观体现。而过多的色彩运用会造成品质感下降,我们合理安排了色彩的规范运用。

文本灰阶运用规范
文本灰阶运用规范
品牌色
品牌色
全局界面用色
全局界面用色
ELEMENTS 元素

作为品牌上的延生,拥有一个代表性的视觉元素以紧扣MPS是改善小程序关键所在。我们提炼了MPS的关键性视觉特点并规范了其运用方式。

logo

依据MPS LOGO圆角特点,我们认为:圆角页面布局是作为品牌延生的关键所在

界面呈现

USER INTERFACE

  • 首页
    首页

    首页作为产品门面是使用者对该品牌的第一感官,这显然成为整个产品设计核心。我们分别以:Banner、最热活动、最新视频、技术资料作为主要内容呈现结构并在每个栏目划分中使用了MPS弧形圆角的形式以体现品牌特色。我们认为:一个优秀的品牌是可以在其任何一款产品中看到该品牌的延续和传承。

  • 产品详情页

    标题栏延续了统一的弧线设计语言并与底部操作栏相契合。在每个控件中我们使用了统一的圆角容器设计,在区分内容结构为目的的同时更是贯穿整个产品的品牌体现,清晰的结构划分更利于后续的成长迭代。

    产品详情页
  • 个人中心
    个人中心

    我们设计了一套完整的表单组件库以适应后续迭代需要。我们以:用户信息头部栏、快捷入口表单内容栏、导航切换底部栏作为页面主要结构。

THANKS FOR WATCHING

如果您对本类项目感兴趣,我们期待您的联系

17891962620
上海市闵行区 陈行公路2388号21号楼A304

东航滨江

为商业综合体构建业务驱动的智慧运维平台

查看下一项 查看下一项 查看下一项