Skip to main content

Bonus Distribution Platform

BDP is a project management mini-program specially designed for Hainan Yushun. Through the management platform, the customer from the enterprise can publish and modified projects and entrust the tax collection agency located in Hainan Freeport to distribute the project dividends to the participating employees with more favourable tax policies. How to let company users create projects more efficiently through the WeChat mini-program platform, communicate seamlessly with the distributor staff, and meet the needs of more random and casual scenarios is the project's main purpose.

BDP hero image

Interview and Surveys​

We had a long-term communication with the company engaging the salary distribution services, discussed the existing business model and identified noticeable obstacles and errors that occurred in the traditional user flows. After interviewing the different roles of the target audience, we statistically framed the needs of all potential stakeholders and the challenges to design the complete distribution platform.

The discovered pain points​

Manual workload​

Users have to manually enter and export all the employee information related to the project each time they create a project, which sometimes leads to input errors and a lot of time spent identifying input errors in the list when handing over to the management platform.

Expensive learning process​

The overly complex project creation process takes new users a lot of time to familiarise themselves with and understand.

Lack of mobile support​

Lack of support for mobile devices to meet casual business needs.

UX analysis​

We experienced the product in actual use and carefully analysed possible user experience issues in the user-centred process by simulating the actual task objectives and combining them with a few user survey.

In order to solve the pain points of customers and users, we have systematically analysed the existing user processes and the various nodes through the customer journey map.

the current journey map

The basic user flow and wireframes​

  • Registration and validation process - Securing the account while obtaining important information about the user, such as ID number, bank details, etc.
  • Project creation process - How to simplify information entry and automate the generation of the required excel sheets.
  • Project management process - A mobile platform that allows staff to monitor the status of projects in real-time and communicate instantly with project creators.
  • Income balance for employees - The employee was able to review real-time and historical income records based on project management from the distribution side.
note

The full wireframe map can be opened under here.

Design language​

The complete design language were started with basic color styles, as defining a consistent design style is important for the aesthetic sense of the final product.

bdp design language bdp color styles

High-fidelity Design and Prototype​

Login process​

In the traditional platform, users must repeatedly enter their account password at each login. In contrast, in the development environment of the mini-program, the platform account can be directly linked to the account of social media, eliminating the need for account and password input.

Initial certification process​

Clearly divides mobile phone authentication, ID card authentication and business authentication into three steps, collecting the necessary user information while ID authenticating and preparing for employee list automatic generation.

bdp prototype 1

The three stakeholder pages​

Customised homepages with specific colours and functions for different user audiences allow the users to focus on the features and modules they need, maximising the efficiency of project management.

bdp prototype 2

Project management​

The unique interaction design makes it intuitive for the user to understand the options for specific items, making it easy to get started even for first-time users.

Depending on the role of the users and the status of the project, the project can be operated in different ways to meet the most direct operational needs of the user.

The back-end dashboard​

In order to allow the staff to process the submitted projects and personnel management more efficiently, we designed a dedicated backend management platform for the distributor side to provide batch processing capabilities. This platform uses a highly integrated bootstrap framework to simplify the complexity of interface development.

the backend dashboard