V-Cruit:

WeChat Mini - Program Design 

Role: Product Designer 

Duration: 3 months

Methods: wireframe, interface design, usability testing, visual

Deliverables: customer journey, user flow, wireframes, mockups with ideation, marketing templates guide

Background and Challenges

V-CRUIT 雇视是一家以招聘业务为主的创业公司,为雇主品牌提供人才、线下活动等品牌方案,帮助雇主和求职者建立更直接的链接,用更丰富的体裁展示雇主的企业文化、内容、活动和职位。

 

在该项目中的主要挑战是梳理各页面之间的层级关系和流程设计,整理出用户从发现职位、浏览企业内容、发现活动、报名/投递简历的多条 customer journey

Wireframe

概览和公司页面

Goals: 用户在概览页可以发现不同活动、职位,在公司页面可以浏览到公司相关所有内容和职位

Challenges:

  • 概览页涵盖多种内容卡片,包括职位、活动、公司本身,并对应不同的 action​​​

  • ​从概览页可以直接跳转到感兴趣的公司,并且让用户可以不断发现新的公司 

  • ​职位卡片上也有不同内容体裁,包括图片、视频,和关于职位不同的 meta

Design Solutions

  • ​让用户更简洁地浏览不同的内容种类,我们在概览页使用三种大卡片,将内容更清晰地展示在用户面前。

  • ​保持设计的统一,在页面框架搭建好后统一设计卡片组件,在概览页和公司页面复用。

  • 在概览页上方做了 shortcut 设计,让用户便捷进入常访问/感兴趣的公司,并在浏览三屏后加入「发现更多企业」的设计,满足用户发现的需求。  

职位/活动详情页,个人页

Goals: 用户在公司页继续探索,了解活动和职位;在个人页完善信息,上传简历

​Mockup

​主页、公司页、视频详情页、职位详情页的 UI 设计和跳转路径

​用户登录到上传简历的流程

个人页简历在线编辑,基础的表单设计

Retrospective

作为产品设计师协助 V-Cruit 产品团队完成了产品从0-1 的搭建。该产品主要挑战在于简历 information architecture,根据搭建好的结构设计页面和组件,以及利用好微信接口让用户方便的上传简历。用信息流方式展示招聘信息是比较新颖的方式,所以 UI  设计中始终维持简洁的设计语言,上线后合作伙伴都比较满意。

个人角度来说这个项目里面从 UX 设计师的角色出发,与产品和开发紧密配合 ,给出很多结构层面的建议,为后续迭代打下一定基础。视觉部分肯定还有迭代的空间,可以有更多丰富的内容体裁和花样让产品更饱满。

Call

T: 15046093959

  • Grey LinkedIn Icon
  • Grey Twitter Icon
  • Grey Facebook Icon
  • Grey Instagram Icon

Follow me

© 2017 by Landy Hao.