Lantern Credit

Design a white-labeled credit score system used by enterprise clients.
The Challenge
Clients need to customize the interface with their branding through a content management system. Present an engaging way to entice customers to improve their score with goal setting.
Project Overview
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.

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 ease.

When applying color to the navigation bar. Primary color will be presented on the focus state.

Icon Style

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).

Light Mode

Dark Mode

Users have an actionable to-do-list on how to improve their credit.

Goals provide a cohesive narrative for user engagement.

Users can simulate the delta score changes based on suggested actions.

Next Project