Product Design System
Creating the Brand Guidelines, Design System & Component Library for Whispli
About the Project.
Whispli is a secure platform for whistleblowers to anonymously report misconduct to their organisation.
Whispli’s vision is to facilitate companies in promoting a culture of open feedback, which is key for employee engagement and retention
The Whispli product is made up of 3 main platforms that can be configured to suit businesses from small to enterprise.
Whispli Inbox is for organisation employees to anonymously submit reports, chat to case investigators, and stay up to date on case progress.
Whispli Core is used by Case managers to review and investigate reports, talk to informants, and collaborate with their team.
Whispli Portal is for large organisations to manage all their subsidiaries and configurations
Project Execution.
Problem
The existing UI on the platforms and marketing page was inconsistent and lacked a strong brand identity and visual appeal.
The platform used a Vuetify framework, based on the material design library, and used many of the default values such as fonts, colours, and web components
Solution
- Creating the Branding Guidelines to define the brand identity, voice
- Creating a design system, to be used across the product and communications
- Creating a component library in Figma for consistent user experience
- Unifying the products with the new branding across all the platforms
