Having consistency across a company's products is essential to building a brand. With multiple systems and disparate looks, we found it necessary to consolidate SaaS products to fit a new rebrand. The challenge is that some products have nuances that work in marketing materials but not in the actual product. So, we worked with a contract company to simplify. With a new design system serving as the single source of truth, we were able to improve the programmers' lives in bringing to market a new iteration of the product.
Before:
The first step is to build a design system that accounts for every scenario known, and some that may come down the line. Always plan for scalability and the unexpected. Here are selected elements of a larger system to cover all products, and stay consistent with branding and adaptability for underlying white-label needs.
Improvements to a product are often incremental, as the UX and UI team must work within the limitations of a legacy system. Over time, the site can be improved to solve the unsolvable — though a complete rebuild is often necessary. Often the best steps are to simplify the visuals by removing extraneous colors and using visuals that better tell the story of the product.
Here, we were left with several constraints of site structure. Still, we were able to use the new design system, and simplified color palettes to get rid of distractions and improve usability.
Before:
