自研引擎、自主AI算法赋能招聘全生命周期管理体系,打造HR、面试官、应聘者三方协作,PC、App两端协同的SaaS平台

更多设计细节
home img

设计策略

2.0版本

产品设计过程中,通过优化体验层和功能层,进而更加聚焦目标群体。

15202

设计目标

全面升级

Ripin-力聘为了提供更为友好的产品,在1.0版本基础上重新梳理了产品功能、用户路径、视觉动线。

核心功能

交互优化

视觉优化

设计拆解

原子设计

组件是设计系统的构建模块,用于创建用户界面。
组件库是将界面中具有通用性的元素组件、控件进行归纳整理,形成统一规范的组件集合,以此达到快速复用、批量修改的目的。建立组件库,需要先把常用的元素列举,然后把这些元素拼装成组件。如果复用度比较高,且结构比较稳定,可以直接拼装成模块。

15202

色彩

科技 / 普适 / 智能

我们基于力聘品牌的愿景和既有色彩,制定了Ripin力聘产品的主题色,同时也演进出辅助色调。

ripin blue
力聘蓝
ripin green
芽绿
ripin orange
藤黄
ripin red
樱桃红

部分模块

专注模式

全新改版的专注模式,招聘流程更加直观,同时也可以根据个人喜好进行流程增删或顺序调整。

专注模式
img icon-zhilian
img icon-liepin
img icon-lagou
img icon-boss
img icon-58
img icon-51

设计拆解

布局排版

Ripin2.0全新改版的一个特征是采用了边栏渐进式的菜单导航结构,通过前期的用户测试,确定该方式有利于用户的视觉和操作引导,同时在技术层面,该结构导航也有利于未来做多平台适配。

布局

设计拆解

图形图标

Ripin力聘2.0统一了图标风格,并在导航栏图标种运用了Lottie动画,以提升页面的乐趣,减少用户枯燥感。

导航栏动效

业务图标

team_inteview
icon_sendCV
icon_quick_new
icon_color_file_full
icon_basic_team_full备份%205
icon_color_addfolder
icon_color_folder
icon_color_openfolder
icon_basic_system_full

业务图标

team_inteview
icon_sendCV
icon_quick_new
icon_color_file_full
icon_basic_team_full备份%205
icon_color_addfolder
icon_color_folder
icon_color_openfolder
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full
icon_basic_system_full

部分模块

核心业务

Ripin2.0核心业务之一为面试,其中为面试服务的周边业务有人才管理、多人协同、待办事务、人才对比等。

部分模块

业务模态

团队升级搜索结果从团队内添加成员推简历配置列表表头编辑头像个人中心移动到分组看板设置