Design a white-labeled credit score system used by enterprise clients.
The project scope was to create a component-based style guide and design system to help clients to manage their designs and branding across desktop and mobile platforms. As well as the illustration and the animation for application.
Enterpise clients need to customize the interface with their branding through a content management system. The design needs to let the existing financial infrastructure connected to application program interfaces (APIs) easily.
Setting up a Design System
A styleguide ensures consistency across the different experiences created.
We use a tri-tone color system, so the client can update with their brand with minimal adjustments.
When applying color to the navigation bar. Primary color will be presented on the focus state.
Clients can choose contained or outlined style. When using multiple buttons, you can place a outlined button (medium emphasis) next to a contained button (high emphasis).
Dashboard - Light Mode
Dashboard - Dark Mode
Users have an actionable to-do-list on how to improve their credit.
Goals provide a cohesive narrative for user engagement.
Present an engaging way to entice customers to improve their score with goal setting. Users can also simulate the delta score changes based on suggested actions.