https://www.cleardigital.com/wp-content/uploads/2021/05/citrix-2.svg

User Focused Design System

RELATED SOLUTIONS

logo image

User Focused Design System

Lets Work Together

Aligning the Brand UX Across Applications

Citrix provides people-centric solutions that power a better way to work. With many acquired apps, the UX wasn’t cohesive across different solutions—and that’s not a digital experience. Citrix came to Clear Digital to help standardize visual styles and design pattern libraries to deliver a simple, customer-centric, consistently branded experience across solutions and screens.

RELATED SOLUTIONS

Our Approach

"Users of any application expect consistency and unconsciously look for patterns. This is extremely important to keep in mind when designing components for a set of applications that might be used together and are delivered from a single company like Citrix."
Danny Halvorson Creative Director

A Common Gateway

As the first point of contact, it’s important that Citrix login screens look and feel the same across solutions. Clear Digital created a simple, clean login screen using the brand palette. It’s a strong visual cue that reinforces the Citrix brand on any device or app.

add people
statstic

Visual Functionality

After identifying which functions are repeated across Citrix apps, Clear Digital got to work defining and designing the core UX principles. This allows Citrix dev teams to reference visual specifications and standards when adding components like search windows, people finders, and accordions. Now they can easily recreate designs for a coherent experience.

Common Components

Next, we added all the other components that are shared across solutions—from every type of button to icons, card designs, and eyebrows. Any element a Citrix app could need has a clear visual guideline, contributing to the customer-centric simplicity and unifying the brand experience.

Color
Ineraction
Breakpoint

Easy to Access, Easy to Share

To make sure Citrix can share the up-to-date pattern library with whoever needs it, we chose Frontify—the online brand management platform. Anytime an element is updated, designers and developers will have that latest iteration at their fingertips, accessible from anywhere. This empowers Citrix to maintain a consistent UX as they continue to grow and evolve.

As part of standardizing design elements, we took the brand color palette and came up with new colors to specify design systems and app functions—for example, yellow for warnings, red for highlight states, and so on. We also tested each colored component and contrast for WCAG2 accessibility, in compliance with ADA guidelines.

Visual Cues for Different States

As one of the most important components users interact with, defining the use cases, various states, and visual guidelines for buttons is vital to unifying the digital experience—and making it customer-centric. Clear Digital chose simple, clean design to help guide users through Citrix apps in a way that’s intuitive and visually compelling.

Citrix button

Made for Mobile

Many Citrix apps are primarily used on mobile devices. To ensure users have an optimal experience on both iOS and Android, Clear Digital designed mobile screens for the different core systems. Beyond responsive, it’s made for a mobile-first world—part of the Citrix promise to power a better way to work.

mobiles

Ready to start a project?

Share your project details. We want to hear all about what you need.