ClaimSearch Style Guide

One of my most important deliverables for the ClaimSearch 2.0 redesign was a comprehensive design style guide. This document defined core design elements such as color palette, typography and patterns as well as the proper usage of elements. This deliverable evolved over time from a simple PDF document to an online portal which provided components and other design resources for sharing with product owners, QA, and development teams. The documentation was divided into three sections Design, Patterns, and Resources.

Design

This section defined logo usage, typography, color palette and an icon library. (Fig. 1)

Fig. 1: Design Guideline

Patterns and Components

This section served as a components library for QA and development teams and greatly reduced time to production for design enhancements.

• Navigation
• Forms
• Cards
• Notifications
• Platform Messasing
• Dashboards and Data Visualizations

Resources

This section offered documentation and resources to communicate design thinking best practices and helped to evangelize the powerful impact of customer first approach to product development.

• Behavior Analytics
• Platform Messaging
• How to Use – Global Header
• How to Use – Customer Sentiment Component
• Best Practices – Data Visualization (including chart color palettes)