+experiment/art                   : about me



CLAi Suite 


Outerlabs is a software design and development vendor of FAANG companies.
CLAi Suite is a set of products designed for Google’s REWS (Real Estate & Workplace Services) department to easily plan and develop office renovation projects in-house. streamline the planning and design processes for their worldwide building projects. I led the design for the first CLAi product: Programming - revolutionize building program generation. Quickly generate and test various building programs based on existing site conditions and the Google internal’s standardized rules. . 


Overview


Duration
Nov 2022 - Mar 2024

Role
Product Designer

Core Team
2 Product Managers, 1 Reseacher, 6 Engineers, 3 Product Designers

Scope
Concept validation, MVP, iterations
I intefered
:::internally with cross functional members to stakeholders’ requests and managed design sprints. 
Tranferred insights, feature requests and user feedback into actionable design tasks.
Created design solutions in various formats, articulated them to different audience groups. 
Co-reviewed design team deliverables to ensure coherence and consistency across suite products, contributed to CLAi design system.

:::externally with Google REWS team to validate design solutions with stakeholders and users, driving design strategy across the board.


Results:

︎Achieved a 70% improvement in workflow efficiency, enabling users to complete tasks faster and with greater ease.
︎Increased Adoption: Achieved 5x growth in active projects, alongside a significant surge in daily active users (DAU).
︎Secured continued buy-in from Google leadership, validating the tool’s alignment with organizational goals and its value in driving program renovation success.




Research


Previous Workflow
The Google REWS (Real Estate & Workplace Services) team has traditionally relied on Google Sheets to manage their workflows. Users have to manually go through key data metrics and editable cells across tabs, and then compare line by line.

PAIN POINTS
  • Tedious, cumbersome and time-consuming.
  • Poor data hierarchy and information organization.
  • Lack of automation.
  • Low efficiency, difficult to streamline repetitive tasks or integrate with other tools seamlessly.

 


User Journey

Key insights from research:

1.Adhere to Google’s internal standards:
Ensure the design adheres to the major metrics established by Google leadership for assessing program renovations. These metrics should serve as the foundational benchmarks for evaluating success, guiding both the functionality and user experience of the tool.
2. Streamline tool integration:
Create a seamless workflow between tools, starting with the programming tool as the initial step. Enable users to effortlessly import program cases into a space planning tool called Testfit. 
3. Simplify export and presentation:
Design an one-pager report that allows users to easily export and present key highlights or deliverables, supporting users for seeking approvals or sharing progress with stakeholders in a clear and professional manner.
 



Design



User Flow





Design Explorations


Feature: Setup a programming study from CLAi home


Final:

To leverage Google internal’s rule for socializing 6 starting points, I decided to incorporate 6 starting points in setup.



Feature: Main dashboard design

Initial proposal

Due to the limit source of stakeholder’s requests, the initial proposal was designed based on google sheet.
I prototyped and conducted user testing sessions with a researcher to gain more user insights.


To analyze the results and todos, I first to card sorting out the hierarchy and importance for required metrics displayed on dashboard.

And then fleshed out the high level questions by hosting a stakeholder workshop.



Iterated Wireframing:
Iterations:
Final:



Key improvements of dashboard:
︎Implemented a flexible grid layout to accommodate evolving internal requirements from Google leadership, ensuring the platform remains scalable and adaptable to future needs.
︎Re-structure the 3 key metrics as benchmarks, positioning them as benchmarks for quick and easy reference. This allows users to grasp critical insights at a glance, improving decision-making efficiency.
︎Redesigned the content organization based on card sorting results, ensuring the structure aligns more closely with users’ mental models and workflows. This change enhances usability and reduces cognitive load.
︎Design an one-pager report that allows users to easily export and present key highlights or deliverables,




User’s feedback




“I’ve been doing the same thing mannually every night. This is music to me ears!”
“I wish I had this tool six months ago!”
“This really saves tons of time for editing a program!”
“I enjoyed looking at this website way more than a excel sheet! It’s beautiful and simple!”
.....




Figma Screenshots