Project detail

Project detail

Yoma Connect 2.0

Yoma Connect 2.0

The app that brings HR management to the future.

Mobile, Dashboard

Mobile, Dashboard

4 months

Yoma Strategic Holdings

Yoma Strategic Holdings

Visit Project

Visit Project

Overview:

Yoma Connect provide a single dashboard to gain real insights into what is happening in your company. Employees are given a self-service mobile application to manage their leaves, overtime requests, attendance and more.

Project Goal:

To design an all-in-one HR application that streamlines workflows, enhances efficiency, and supports self-service, enabling employees to connect, manage tasks like check-ins, payslips, and leave, while benefiting both staff and HR.

Target Audience:

Yoma Connect target for all employees under Yoma Strategic Holdings Ltd and other cooperate business.

Research

We conducted user research to uncover needs, pain points, and motivations. With the team, I prepared interview scripts targeting user values and daily routines. Insights from these sessions guided decisions throughout the design process. The insights are as follow

Key Insights
  • Attendance and payroll errors reduce employee trust

  • Prioritize features for frequent tasks first, then automation and communication enhancements

  • Centralized HR communications needed for clarity and accessibility

  • Automation can improve workflow efficiency and reduce HR workload

  • HR staff overloaded with manual tasks and repetitive requests

Ideate

We conducted user research to uncover needs, pain points, and motivations. With the team, I prepared interview scripts targeting user values and daily routines. Insights from these sessions guided decisions throughout the design process. The insights are as follow

How Might We?
  • How might we reduce the volume of repetitive employee questions by enabling self-service?

  • How might we streamline HR workflows such as approvals, payroll, and leave management?

  • How might we ensure company announcements reach all employees in a clear and trackable way?

  • How might we free up HR’s time from admin tasks so they can focus on strategic work?

Solution

After discussions with stakeholder and achieving interests , we decided that a centralized feature page with prioritized content would address user pain points, improve experience, and boost engagement.

Wireframe

During ideation, I translated insights and stakeholder decisions into wireframes, focusing on a centralized page with prioritized features. These wireframes visualized solutions to key user pain points, guided the overall user flow, and set the foundation for designing an engaging, intuitive interface.

After sketching, I continue with lo-fi design to present stakeholder with better presentation before continuing with the final design.

When presenting designs, I gathered feedback not only from stakeholders but also from end users, including HR and staff, conducting usability tests using maze.co to validate and refine the solutions.

Final Design

Home Page

The new Home page allows users to quickly access primary features and gain an at-a-glance view of key information.

Office Page

The Office page centralizes all work-related features - such as attendance tracking, overtime requests, and leave management into a single, accessible space.

Social Page

The Social page enables users to create posts, share content, like, and comment— creating engagement and connection within the employees.

Feature Page

This page serves as a centralized hub where all app features are accessible in one place. It keeps everything organized and easy to navigate, reducing time spent searching and helping users discover key functions effortlessly.

Usability Testing

To validate the visual design, I conducted remote usability testing using Maze.co. The goal was to evaluate clarity, navigation, and overall user experience. Participants were asked to complete key tasks such as browsing the Home page and accessing core features.

It showed a task success rate increase to 81.4%, with error rates reduced by 28.6% and task completion time improved by 21%. Participants also rated satisfaction at 4.3/5, praising the clarity and consistency of the new design. These results validated our solutions, confirming a more efficient and user-friendly experience.

What Next?

This was one of the most exciting and challenging projects I’ve worked on, especially as the enterprise-level assignment. We focused on a user-centered approach that made the app easier to use with streamlined workflows, and systemic user researches, leading to happier employees, cost savings, and a stronger competitive edge. By combining real user insights with ongoing improvements, we created a tool that truly supports HR professionals while reflecting our commitment to innovation and employee well-being.

Mettalic shape background image

Contact

Let's Get in Touch

Get in touch to learn how digital experiences can better reach and engage your customers.

Or make a call to +66 813 388 050

Mettalic shape background image

Contact

Let's Get in Touch

Get in touch to learn how digital experiences can better reach and engage your customers.

Or make a call to +66 813 388 050

Mettalic shape background image

Contact

Let's Get in Touch

Get in touch to learn how digital experiences can better reach and engage your customers.

Or make a call to +66 813 388 050

Create a free website with Framer, the website builder loved by startups, designers and agencies.