top of page

FINPAGE

Jun 2013 -- Dec 2013  / 4th year, BA: Creative Media

Groupwork (4 people), Group Role: interaction designer

Finpage is an entry in the 2013 UXDA (User Experience Design Award), which is held by industry association: UXPA China (User Experience Professional Association). It got an Excellence Award finally. Four members in the team in charge of visual design, user research, interaction design and front-end technology respectively. 

 

Finpage is an iPhone APP that can help people to improve their occupational skills. It supposes users could find their dream job in the future after using the APP. Finpage focuses on IT industry only, and the main customers of Finpage are college students who want to work in the IT industry in the future.

Demo Address: http://202.116.65.57/gaoshuo/finpage/  (Sorry the link is unavailable currently)

关于此项目的更多资讯请前往中文版页面

Finpage provides five kinds of resources for users: recruitment information, industry information, professional building, experience introduction and overall quality. 

 

Users can use “Add to favourite” to collect the article they like; Use “My growth index” to view study progress, and Finpage also has encouragement mechanism for each positive user.

HOME PAGE

GREEN CHANNEL PAGE

If a customer’s “Growth index” value reach 80%, Finpage will open the green channel for him. Green Channel contains some famous companies’ training and internal recommendation projects.

BACKGROUND

Serious Trend Employment Situation

Intense Trend Industrial Competition

Strict Trend Qualification Requirement

METHODOLOGY

Choosing Theme → User Reseach → Requirement Analysis → Interaction Design → UI Design → Demo Test

PROJECT TIME PLANING

DEVELOPMENT PROCESS

1/ Early stage: requirement gathering and user research 

In the requirements gathering phase, we focused on the questions setting of questionnaires and interview outlines. We use the information we get from questionnaires and interviews to do user research: summarize the major problems of our potential customers and make sure what Finpage needs to do.

1.1 / We start from questionnaire survey and interview. 

We interview recruiters and applicants of IT industry. From the interview of recruiters, we get the recruitment requirements for the employees they want to hire. From the interview of applicants, we get the job-finding problems they face in the daily professional study.

 

 

1.2 / From analysis of the questionnaires and interview, we divide our potential customers into three groups by their occupational skills level: top (the people who have higher educational background and practical skills), medium and weak (the people who have lower educational background and less practical skills).

1.3 / Convert requirements into functions: 

We get lots of design opportunities by analysing the results of questionnaires and interview, and we rank the design opportunities according to priority and choose the opportunities we can make it at this developing phase.

2 / Middle stage: information architecture, flow diagram and prototype design

2.1 / At the beginning of middle stage, we discuss the information architecture of Finpage. 

2.2/ Flow diagram: the basic using process of Finpage.

2.3 / At the same time, we also consider the business operation pattern. Finpage will cooperate with some IT companies, recruiting websites as well as headhunting companies.

2.4 / Prototyping: We output interactive process in 10 different scenarios and define page-switching logics between each using scenario.

3 / Late stage: visual design and definition of intrinsic mechanism

In the last stage, we focus on interface design and specific definition of intrinsic mechanism. We define 13 kinds of intrinsic mechanisms, such as articles push mechanism (the number of push articles in one day and the linkage between the push articles), the open mechanism of “green channel” and the mechanism of “my growth index”. We output 50 UI pages for Finpage.

My Growth Page

PAGES

Opening Page

Sign Up

Sign In

Sign Up and Sign In Page

Email

Password

Home Page - Sidebar

Change Password

My Recruitment Information

My Subscription

About Us

Logout

Social Recruitment 

Job Board

Intern

Campus Recruitment

Social Recruitment

Company Information Session

Green Channel

Reading Page

ANIMATION EFFECT DESIGN

For better visual experience for the APP, We design some animation effects in certain using process.

bottom of page