End to end SAAS Product Design

Product design & frameworks for a suite of enterprise SAAS products Spanning E-commerce, Product inventory, Pulse Surveys, Social and Feed. Clients included Barclays, General Motors, Samsung & Scotiabank.

User Interviews, User Research, Telemetry, Prototyping, System Design

Our Process

Role

Product Design Lead

Platforms

Android, iOS & Web

End user

Enterprise employees

Design System - Web & Mobile

I created a design system for Achievers by following the principles of atomic design. Throughout the process, I actively sought feedback from internal stakeholders as well as external industry experts from companies such as Shopify, Wealthsimple, Telus, and Slack.

By working in a collaborative, feedback-driven approach, I was able to develop a functional, scalable design system that incorporated accessibility standards within three months. As the system evolved, I continued to work closely with my engineering team to implement a dark mode feature, further improving the overall user experience.

Product implementation

To ensure the success of the platform migration, I began by analyzing data from the current platform to identify any pain points and areas for improvement. I conducted user research through surveys and interviews with both internal and external stakeholders to prioritize these issues and opportunities. As there was also a business requirement to increase daily active usage, I leveraged existing research from similar platforms to enhance our core features.


Reporting Feature end - end Design.

My Teams Report is a feature that was built from manager feedback among a variety of customers, most notably General Motors (GM).As many employees were non-desk workers, managers needed to understand employee engagement throughout the day. Many managers are also mostly non-desk workers at GM.

This reporting feature is needed to communicate team usage index and performance statistics very quickly on-the-go.

Goals

Usage data from the desktop version, showed Managers needed to view platform usage of their direct reports as well as an overall Team Dashboard. This was confirmed with User interviews from Managers and program Admins at GM.

From this, I identified 3 main goals for feature success.
1. Quick view of employee usage.
2. Ability to compare individual progress.
3. Team budget progress.

AB Test: Model A

I designed two UX models for an A/B test, taking into consideration feedback from wireframes and user testing. Model A focused on individual performance and statistics in relation to team averages.

Model B

In order to make it easier for managers to keep track of their team's performance and quickly identify individuals who may need extra support, I created another UX model to prioritize overall team statistics first. The new design included quick and clear UI cues to show managers at a glance which team members are performing above or below average, and gave them the ability to easily sort through this information by lowest - highest. This way, managers could quickly and easily identify those who may need extra help and take action to support them.

As a result of close communication and user testing with General Motors company, this feature was key in the renewal of their service agreement for this product.

Profile

I designed a content-rich profile feature as part of my product design to promote engagement among employees. This encouraged employees to send each other recognitions for achievements that may have gone unnoticed.

Through this social uplifting platform, these recognitions become visible to managers and higher level of leadership. To further incentivize engagement, I also included a rewards system where recognition recipients are rewarded with points that can be redeemed in the marketplace.

The goal of this feature is to educate employees on each other's working styles and to encourage meaningful recognitions by highlighting commonalities and opportunities for growth.

Social & Feed

As customers valued efficiency when spending time on the platform, I created a feed that was focused around 'catch-up' between closely related Orgs.

Furthermore, the feed allowed customers to discover friends and events that are slightly outside of their immediate organization, which made it easy for them to stay connected and informed.

Theming

One of the key features that set our product apart from competitors was the ability to add custom branding. This was a key deciding factor for many of our customers and clients when choosing our product as their white label service.

To meet this need, we invested heavily in branding features, but I also ensured the product remained accessible for all users by providing innovative ways to display custom branding without compromising readability or accessibility by avoiding any visual interferences with text or interactive elements. This way, program Admins can use the product with their own branding while ensuring it's accessible for all.