Components Library

Context
As a leading marketing technology company with over 11 years in the industry, LiveIntent had built a suite of products that served advertisers, publishers, and marketers. Historically, product managers and engineers designed flows independently and in silos. This led to fragmented user experiences across products: the same core component, such as a date picker, could look and function differently depending on where it appeared. While this inconsistency was manageable in the past—because customers purchased solutions bundled with LiveIntent’s internal support teams—it became a barrier as the company aimed to evolve its platform into a self-serve experience.
Design Challenge
  • Unify fragmented product experiences that varied widely across teams and products.
  • Create a system that was brand-consistent, user-friendly, and scalable.
  • Reduce reliance on internal teams to onboard customers by simplifying flows.
  • Enable engineers and product managers to work faster without reinventing components.
Solution Overview
  • Components Library: Introduced a centralized library of components, ensuring that every function (e.g., date selection, dropdowns) had one consistent version.
  • Brand Integration: Applied LiveIntent’s color palette, typography, and visual identity across the system to create an on-brand experience.
  • Unified Flows: Designed not just individual components, but also end-to-end flows and interaction patterns, ensuring consistency no matter which product customers used.
  • Scalable Framework: Provided guidelines and ready-to-use assets for engineers and product managers, reducing design debt and siloed decision-making.
Impact
  • Consistency & Usability: Products became easier to navigate, visually aligned, and predictable for end users.
  • Self-Serve Readiness: Simplified flows allowed customers to use the platform independently, reducing dependency on LiveIntent’s internal teams.
  • Efficiency for Teams: Engineers and product managers saved time by reusing components instead of designing from scratch.
  • Brand Cohesion: The entire platform now reflects LiveIntent’s identity, strengthening trust and recognition.

Want to get in touch?
Drop me a line!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.