Let’s work together

Feel free to drop me a message

© 2024 Keris Cheng. All rights reserved.

Let’s work
together

Feel free to drop me a message

© 2024 Keris Cheng. All rights reserved.

Let’s work together

Feel free to drop me a message

© 2024 Keris Cheng. All rights reserved.

© 2024 Keris Cheng. All rights reserved.

© 2024 Keris Cheng. All rights reserved.

© 2024 Keris Cheng. All rights reserved.

MyHelper: Streamlined Internal Operation Platform

MyHelper: Streamlined Internal Operation Platform

MyHelper: Streamlined
Internal Operation Platform

UX/UI Design

Management Platform

Client

Darmax Global

Timeline

3 weeks | 2023

Role

Lead UX/UI Designer

Team

5 UX/UI Designers

2 Engineers

1 Product Manager

About the Project

Background

Streamlined workflow for
Darmax Global staff

Streamlined workflow for
Darmax Global staff

Darmax Global focuses on a niche market, providing HR and contracting solutions for helpers in need and overseas employment.


MyHelper is a mobile app that aims to create a new recruitment platform for domestic helpers and employers in Hong Kong. It enables domestic helpers to create profiles and qualifications, simplifying the process for employers to locate them. Employers can also publish job listings, enabling helpers to apply directly.


Our objective is to create a management platform that streamlines the workflow for internal staff to conduct various operational duties.


Three teams collaborated on this project, and our team was responsible for the following parts:

  • Job Posting: Manage and track job listing

  • Interview Booking: Schedule and manage all booking sessions

Darmax Global focuses on a niche market, providing HR and contracting solutions for helpers in need and overseas employment. MyHelper is a mobile app that aims to create a new recruitment platform for domestic helpers and employers in Hong Kong.


Our objective is to create a management platform that streamlines the workflow for internal staff to conduct various operational duties.


Three teams collaborated on this project, and our team was responsible for the following parts:

  • Job Posting:
    Manage and track job listing

  • Interview Booking:
    Schedule and manage all booking sessions

Darmax Global focuses on a niche market, providing HR and contracting solutions for helpers in need and overseas employment. MyHelper is a mobile app that aims to create a new recruitment platform for domestic helpers and employers in Hong Kong.


Our objective is to create a management platform that streamlines the workflow for internal staff to conduct various operational duties.


Three teams collaborated on this project, and our team was responsible for the following parts:

  • Job Posting: Manage and track job listing

  • Interview Booking: Schedule and manage all booking sessions

Problem Statement

A centralised system is needed

A centralised system is needed

The current management process needs improvement in terms of efficiency and organisation. There is a need for a centralised system to present client information.


There is a lack of a real-time data and Key Performance Indicator (KPI) tracking platform. This makes it difficult to access updated data and efficiently filter and search.

Solution

Create a comprehensive management platform that streamlines operational duties for internal staff

Create a comprehensive management platform that streamlines operational duties for internal staff

Provide efficient data management
Offer an efficient and user-friendly interface for administrators to manage and track job postings and interview bookings.


Enhance the experience of helpers and employers
Automate routine updates for helpers and employers. This will save time and ensure a seamless process.

As the Team Lead

I led my team in prioritizing user needs to decide the features for our management platform

I led my team in prioritizing user needs to decide the features for our management platform

I guided other designers, directing them towards understanding user priorities to decide the features incorporated into the management platform. I also collaborated closely with the leaders of two other teams to enhance platform visibility and functionality.


My responsibilities included designing components and ensuring a consistent visual style across all three teams, as well as participating in the user research, ideation, wireframing, and usability testing. In addition, I contributed to overall development of the prototype and making necessary adjustments based on received feedback.

Prototype Demo

Prototype
Demo

Research & Define

Understanding client needs and gathering insights

Understanding client needs and gathering insights

Based on the project brief, we create initial questions for clients. These questions are designed to gather important information and requirements that are specifically related to the Job Posting and Interview Booking Management sections of the platform.


The aim is to understand their challenges and gather valuable insights. These insights will help us clarify project objectives, identify design opportunities and limitations, and form the foundation for the next stage of the process.

WHAT I DID

Study client’s resources

Understanding the admin portal system

Q&A with clients

UI References

Navigating uncertainties and adapting to evolving client direction

Determining the device for which we should design the final product

Determining the device for which we should design the final product

Although we asked many questions to make sure we were on the same page, there were still some uncertainties. At first, the client wanted a mobile-only view, which was surprising because most Content Management System (CMS) platforms are focused on desktop. This lack of clarity made it difficult to determine the right path for the project.


As the project progressed, it became clear that we should have focused on the desktop viewport instead of just the mobile approach. Adapting to this realization was challenging, as it required revisiting and adjusting the design and development process. Looking back, it would have been better to stick to our position and convince the client of the correct direction from the beginning.


We learned from experience that proactive communication and the ability to explain the implications of design decisions are essential. This enables clients to make informed choices.

Ideate

Ideate

Creating an effective design process

Creating an effective design process

During the ideation stage, my team and I created a sitemap to outline all the features and content that we planned to include. This approach helps maintain focus, effectiveness, and a user-centered design process.

During the ideation stage, my team and I created a sitemap to outline all the features and content that we planned to include. This approach helps maintain focus, effectiveness, and a user-centered design process.

User Flow

User Flow

User Flow

Design

Design

I played a leading role in designing parts to making sure everything looked consistent across all three teams

I played a leading role in designing parts to making sure everything looked consistent across all three teams

To maintain consistency and efficiency across all three design groups, I have implemented guidelines and design systems. These align everything from typography and colors to icons and components. I have decided to keep the primary color as royal blue to match the existing app's theme.


Our objective is to deliver a user interface that is both efficient and user-friendly, enhancing the overall experience for helpers and employers.

To maintain consistency and efficiency across all three design groups, I have implemented guidelines and design systems. These align everything from typography and colors to icons and components. I have decided to keep the primary color as royal blue to match the existing app's theme.


Our objective is to deliver a user interface that is both efficient and user-friendly, enhancing the overall experience for helpers and employers.

Wireframe

Wireframe

Usability Test

Conducting moderated tests with Maze

Conducting moderated tests with Maze

We conducted moderated tests using the Maze testing tool. With a total of 16 participants, including internal staff and regular users, our goal was to gather valuable feedback and insights on the usability and user experience of the platform.

Prioritise Tasks

Prioritise Tasks

Manage Job Post

Manage Job Post

To begin, view a job post and ban it. Afterwards, attempt to use the quick action function to unban the post.

Schedule Interview

Schedule Interview

To schedule a new interview and provide feedback for a pending result profile.

Functionality Test

Functionality Test

To test the functionality, switch to the calendar mode and view the interview details.

Therefore, what is the feedback from the users?

Therefore, what is the feedback from the users?

After gathering all the test results, we organised them in an affinity diagram. In order to ideate solutions to enhance the design. The feedback we received was mostly positive, indicating that the overall interface is easy to use. However, some buttons or text are confusing. To resolve these issues, I made appropriate adjustments based on the received feedback.

Final Product

Final Product

Job Posting

Search, filter, quick action

Search, filter, quick action

A comprehensive and easy-to-access search and filtering system, along with a quick action feature for banning, unbanning, and deleting.

Job post details

Job post details

A job post page that includes all necessary information, along with ban and delete functions.

Interview Booking

Schedule an interview

Schedule an interview

Fill in or search for the necessary information and insert the interview meeting link.

Calendar mode

Calendar mode

In addition to the list view, you can switch to calendar mode if that suits your preference.

Final Thought

What have I Learned

What have I Learned

I now understand the importance of usability testing. It helps us identify problems that may be overlooked during the design phase and enables us to enhance user interaction with our product. I have also learned the significance of providing clear instructions to users. It is better to keep things simple and avoid using complex terms or instructions.


Moreover, I have acquired valuable skills in collaborating harmoniously and effectively exchanging ideas and information with the design teams from two other groups. This has greatly enhanced my ability to contribute to the overall success of our projects.

I now understand the importance of usability testing. It helps us identify problems that may be overlooked during the design phase and enables us to enhance user interaction with our product. I have also learned the significance of providing clear instructions to users. It is better to keep things simple and avoid using complex terms or instructions.


Moreover, I have acquired valuable skills in collaborating harmoniously and effectively exchanging ideas and information with the design teams from two other groups. This has greatly enhanced my ability to contribute to the overall success of our projects.

Next Project

Agoda App Redesign