Viewpoint Style Guide

Project Overview

Legal Compliance Solutions (LCA), a subset of Conduent, manages a broad range of digital products, including multi-tool platforms like Viewpoint as well as stand-alone applications. The team lacked a fully comprehensive design system, with only minimal corporate guidance on typefaces, core colors, and logos. To support consistent and scalable design across multiple products, technology stacks, and stages of development, a more complete set of UI guidelines was needed.

Challenge

The main challenge was creating unified design guidelines for a complex suite of products with varying technologies, workflows, and compliance requirements. Existing documentation was sparse and inconsistent, and each product had unique interface patterns, making it difficult to standardize design components and visual language across the portfolio.

My Role

I was responsible for expanding and formalizing the LCA UI guidelines to support multiple products and development teams. This involved synthesizing limited corporate branding, studying design patterns from mobile and other company product subsets, and creating a cohesive, scalable system of guidelines and components.

Process

I began by reviewing all existing corporate and product-specific resources to understand current visual language and component usage. I then researched related company teams, particularly those working on mobile products, to identify reusable patterns and best practices. From this, I developed an expanded set of UI guidelines, including typography, color palettes, icons, spacing, and interactive components, ensuring accessibility and scalability. The resulting style guide and component library provided a single source of truth for designers and developers across the LCA suite, enabling consistency, efficiency, and clarity in future product development.

Actions Taken

To build a comprehensive and scalable style guide for the Viewpoint suite, I undertook the following actions:

Defined typography standards: Established consistent font families, weights, and styles for headings, body text, and labels, ensuring clarity, hierarchy, and readability across all products.
Expanded the color system: Developed a full palette including primary, secondary, and functional colors, with guidance for usage in backgrounds, text, states, and alerts, creating a cohesive and accessible visual language.
Redesigned iconography: Replaced outdated icons with more precise, meaningful, and visually balanced symbols to improve recognition, usability, and alignment with the overall design system.

Specified size and spacing rules: Created clear guidelines for component dimensions, padding, margins, and grid layouts, ensuring consistency and visual balance while accommodating multiple screen sizes and interface contexts.
Documented design decisions for developers: Provided detailed specifications and rationale to support consistent implementation across teams and technology stacks.

These actions provided a single source of truth for the Viewpoint suite, enabling developers and designers to work efficiently while maintaining a consistent, accessible, and professional user experience across all products.

Viewpoint Logo Redesign

The original Viewpoint logo was outdated and low-resolution, appearing as a pixelated, beveled PNG that vaguely resembled a pencil. Its washed-out colors and dated style did not reflect the modern, professional identity of the platform. I redesigned the logo to create a clean, scalable, and contemporary mark that aligns with the updated Viewpoint visual system. The new design preserves the concept of a pencil in a simplified, modern form, with crisp lines, balanced proportions, and vibrant colors, ensuring it works across digital and print applications while reinforcing the platform’s refreshed brand identity.