Background
This all-in-one business management platform helps companies address challenges such as attendance tracking, announcements, room booking, leave applications, and more. As sales continued to decline, the company decided to fully revamp the product to attract new customers and solve long-standing usability issues.
My Role
UX & UI Designer
Led the redesign process from research to delivery, focusing on improving usability, streamlining workflows, and modernizing the platform’s look and feel.
Tools
Figma & Miro
Deliverables
Complete product revamp
Design System
Discover & Define
To understand user needs and pain points, our team conducted interviews with different user groups and analyzed valuable feedback. I also reviewed existing design files and performed a competitive analysis, which provided a clear picture of the platform’s weaknesses.
Key Findings:
1. Registration process was lengthy and inefficient
2. Onboarding was difficult to understand
3. Business model was outdated
4. Instructions were unclear
5. UI was messy and disorganized
Solution Discovery
1. Register process are too complicated
3. Business model are outdated
• Switched from a perpetual license to a SaaS subscription model, adding a free trial to encourage adoption.
• Redesigned the registration flow to remove dependency on customer service follow-up.
• Converted the one-page sign-up form into a multi-step process, reducing cognitive load and ensuring progress was saved after refresh.
2. On boarding is hard to understand
• Initially planned to use tooltips, but due to development constraints, we created an onboarding animation and a demo video instead, providing guidance without delaying the launch.
4. Instruction is not clear
5. UI are messy and disorganized
• Researched competitors to identify best practices in layout, color, and composition.
• Rearranged sections and standardized margins/padding for better hierarchy.
• Adopted a darker theme for a professional, steady brand image, using contrast to draw attention to important elements.
Deliver
• Developed a new design system with clear rules and standardized components to improve scalability and maintainability.
• Redesigned core screens including login, sign-up, home, and announcements.
Here are some before & after
Result
After launch, the platform quickly attracted new clients — notably several construction companies that were struggling to digitize their attendance records.
We also add some new feature
• Mobile attendance check-in at job sites
• Real-time project progress updates and task assignment
• Automatic report generation upon task completion
Impact
• Streamlined workflows, reducing onboarding time and registration friction
• Modernized UI that aligned with brand values
• Expanded user base into new industry sectors