Viewpoint Style Guide

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

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

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.

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.

Viewpoint Logo Redesign

The original Viewpoint logo was outdated and low-resolution, appearing as a pixelated, beveled PNG with washed-out colors and a vague pencil shape that no longer reflected the platform’s modern, professional identity. I redesigned it into a clean, scalable, and contemporary mark that aligns with the updated Viewpoint visual system. The new logo preserves the pencil concept in a simplified, modern form, with crisp lines, balanced proportions, and vibrant colors, ensuring consistent application across digital and print media while reinforcing the platform’s refreshed brand identity.

The logo redesign modernized the brand, creating a cohesive and versatile identity that enhances company recognition and ensures the mark is clear and consistent across all digital and print platforms.

Old Logo Issues

Non-scalable format

Could not resize cleanly for digital or print

Outdated bevel effect

Looked dated and inconsistent with modern flat design

Stakeholder dissatisfaction

Users and internal teams felt it was unappealing

Limited color compatibility

Colors didn’t work across all backgrounds or media

Ambiguous pencil design

Shape was unclear; pencil metaphor was weak

Disconnected icon

Icon separate from wordmark felt outdated

Inflexibility across platforms

Could not be used consistently on apps, web, or print

Lack of modern aesthetic

Overall appearance felt behind the times

Updated Design Solutions

Converted to vector format

Ensures full scalability across all media

Removed bevel

Adopted flat, contemporary style

Engaged stakeholders

Created consensus on modern look

Updated color palette

Provides consistent rendering everywhere

Abstracted icon shape

Conveys modernity without literal interpretation

Integrated icon into wordmark

Unified, modern composition

Created versatile logo

Works in all sizes and formats

Streamlined shapes and typography

Aligns with contemporary UI/UX trends