Ruangkerja: Website & App Restyling Project

Role Product Designer

Project Restyling Ruangkerja Application

Goal Enhance the visual design and user experience of Ruangkerja to be more modern, flexible, and consistent, increasing the potential for client collaborations.

Result Achieved a fresh, clean, and user-friendly redesign, with positive user feedback and a better cross-selling potential for Ruangguru for Business (RGFB) products.


Background

Since its initial launch, Ruangkerja had not undergone any significant UI updates. Feedback from NPS/CAST surveys and verbal responses from clients during monthly meetings frequently mentioned the need for a refreshed look.

383 Feedback UI/UX

Out of total 500+ feedback entries about visual From 38 client companies

257 feedback about UI Refreshment 126 feedback about UX & Flow ++ and more feedbacks verbally when meeting


Objective

Given this feedback, I believed it was the perfect time for Ruangkerja to undergo a complete restyling. Not only to elevate its visual appeal but also to align with Ruangguru for Business's new product lineup, such as the modern HRIS system. By unifying the design style across RGFB products, I aimed to create a cohesive ecosystem that would simplify cross-selling and provide a seamless user experience for clients.

Ruangguru for Business’s Product

Ruangguru for Business’s Product

Cross-selling Expectation

Cross-selling Expectation


The Results

After a thorough design restyling, I'm excited to showcase the new look of the Ruangkerja app, inspired by the HRIS design style from Ruangguru for Business (RGFB). You can experience the prototype firsthand through with link below. I hope you enjoy exploring it as much as I enjoyed creating it!

<aside> <img src="/icons/arrow-northeast_gray.svg" alt="/icons/arrow-northeast_gray.svg" width="40px" />

Mobile Apps Prototype

https://www.figma.com/proto/jelbYjYj0jFXD448FenW1T/RK-Restyling-w-HRIS?node-id=265-22749&p=f&viewport=300%2C428%2C0.09&t=FL2Jibrb5wNe7yNm-0&scaling=scale-down&content-scaling=fixed&starting-point-node-id=805%3A32568

</aside>

<aside> <img src="/icons/arrow-northeast_gray.svg" alt="/icons/arrow-northeast_gray.svg" width="40px" />

Desktop Web Prototype

https://www.figma.com/proto/jelbYjYj0jFXD448FenW1T/RK-Restyling-w-HRIS?node-id=871-50578&p=f&viewport=136%2C223%2C0.08&t=FL2Jibrb5wNe7yNm-0&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1018%3A33552

</aside>

App Preview

App Preview