Productiv
Enhancing efficiency with a new visual language.

Productiv
Enhancing efficiency with a new visual language.

Clock on the wall

I led the redesign of Productiv's entire product design system, developing a new UI and interaction framework from scratch, while also designing enhanced app visibility and data visualization features.

I led the redesign of Productiv's entire product design system, developing a new UI and interaction framework from scratch, while also designing enhanced app visibility and data visualization features.

I led the redesign of Productiv's entire product design system, developing a new UI and interaction framework from scratch, while also designing enhanced app visibility and data visualization features.

Product
Productiv

Role
Product Design Lead

Skills
Interaction design
Design systems
UX Prototying
Visual design

Timeline
Q2 2022 - Q3 2022

What is Productiv?

Productiv is a SaaS management platform that helps companies track software usage, manage licenses, and streamline procurement. It provides insights into app engagement and spending, empowering IT and finance teams to make informed, data-driven decisions.

A few of the companies that manage their SaaS portfolio with Productiv:

Design system overhaul
Transforming UI, workflows, and features.

I led the creation of a brand new design system that was long overdue, a large-scale project that required significant time and effort. Simultaneously, I worked on several key features and workflows, focusing on enhancing both the UI, user interactions, and user flows. This involved a mix of developing brand new features and workflows from scratch, as well as improving existing elements of the core product.

Major features I worked on

01 Dashboard

Redesigned the dashboard to offer customizable, data-driven views for enhanced personalization.

02 App List

Improved App List page with clearer data visualizations and detailed contract and spend analytics for each app.

03 Connector Library

Developed new feature from scratch to provide a comprehensive view of app integrations for efficient app management.

04 Automation workflows

Built automation workflows feature, allowing users to create custom workflows for app and license renewals based on set intervals.

Dashboard
Insights at a glance

I enhanced the customizable dashboard to make key insights more visible and allow users to personalize their view. With adjustable cards, users can easily access and track the most relevant metrics, such as app usage, spend, and renewal dates, tailored to their specific needs.

Clock on the wall

App List
Zoomed-in analytics

The App List page offers an overview of all apps in your company’s portfolio, providing detailed app-level insights on contract and spend analytics. Careful design and consideration of various data visualizations and components ensure that analytics are summarized effectively without overwhelming users.

Clock on the wall

Connector Library
All integrations upfront

I led the design of the Connector Library, a new feature and page that provides a comprehensive overview of all integrations in your organization. This tool displays connected apps, the number of instances for each connector, and highlights any apps with errors. It helps users quickly identify and resolve app errors, boosting troubleshooting efficiency and app management.

Clock on the wall
Clock on the wall

Automation
Create custom workflows

I was responsible for designing the workflow forms, flows, and visuals for Productiv's automation feature. This feature allows users to define custom rules and create personalized automation schedules for renewing apps and licenses at their preferred intervals. By streamlining the process, users can save time and ensure timely renewals, all while maintaining full control over their software management.

Clock on the wall

Design System
Building a robust library

I created a full interface and brand system from scratch, ensuring accessibility and usability through rigorous testing. The colors and typography emphasize clarity and functionality.

Clock on the wall

Key components
Clarifying complexity

With the vast amount of data in Productiv's interface, it was crucial to build a comprehensive component library that could support diverse data visualizations while maintaining clarity. Creating multiple formats for data representation was key to highlighting insights effectively and ensuring usability across various use cases.

Clock on the wall
Clock on the wall
Clock on the wall
Clock on the wall
Clock on the wall

Impact

Within 3 months of launch:

20 pts.

NPS score

The UI changes received highly positive customer feedback, leading to higher user satisfaction, improved usability, and stronger engagement, ultimately driving an increase in the overall NPS score.

25%

Time savings per renewal

The automation workflow feature streamlined the renewal process, reducing manual effort and saving users significant time per renewal cycle.

50%

Unmanaged apps identified

The new Connector Library enabled centralized app management, helping identify previously unmanaged apps and improving visibility and control over the software ecosystem.

© Riya Bobde 2024

© Riya Bobde 2024

© Riya Bobde 2024