LCA UI Guidelines

Legal Compliance Solutions (LCA) is a subset of Conduent with a broad range of digital products. Products such as Viewpoint have multiple tools under the same umbrella, while others are stand-alone. Vague Conduent corporate guidelines could be found, but nothing fully comprehensive. Working with multiple tech stacks, development teams, and stages of development and compliance added an extra layer of complexity while developing guidelines to fit all our products. Typeface, a small core set of colors, and a logo are all the documentation that was provided from corporate. Upon further research I was able to find a subset of the company that works on mobile products. From there I derived an expanded set of guidelines and components that fit the needs of our complex suite.

Style Guide

Any existing style guidelines needed to be expanded on before I could begin designing a component library to be developed.

Actions Taken

Provide rigid typography standards to all copy.
Expand and implement full color system.

Replace icons with more exact and powerful visuals.
Provide size and spacing requirements.

Components

Once the style guides had been solidified, I needed to create visuals for a new component library to be based on along with thorough documentation. Every use case needed to be considered in able to give a full scope. From there I was able to pinpoint other necessary updates to complete our guidelines. Each set of components increases in complexity based on dependency.

Actions Taken

Create component library containing buttons, drawers, fields, action menus, and all other elements to create complex cads, modals, and full layouts.
Streamline processes and correct issues in user flows.

Apply standard naming conventions.
Impliment ARIA Codes to work with screen readers.