Custom CSS

Integrated Xerox's brand style guide into the Ion platform theme kit

COMPANY

Xerox Ion Theme

ROLE

UX Designer

EXPERTISE

LESS & CSS

YEAR

2024

Objective

Implement Xerox’s brand guidelines into Ion Creative Studio as a theme, ensuring all elements align with Xerox’s brand standards for a consistent experience across platforms.

Timeline

2 weeks for implementation and quality assurance.

Scope

Xerox partnered with Rock Content to create a console for accessing Ion. A designer from Rock Content is responsible for implementing Xerox’s brand guidelines into the Ion platform.

Process

This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.

Exploration & Planning

Xerox partnered with Rock Content to create a console for accessing Ion. A designer from Rock Content is responsible for implementing Xerox’s brand guidelines into the Ion platform.

Development & Implementation

Integrated Xerox's fonts, logos, and brand colors into LESS files, which were then compiled within the backend of the Ion platform.

Testing & Optimization

Conducted internal testing for quality assurance, making adjustments based on feedback from Xerox to ensure all brand elements were properly represented.

Walkthrough
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
Less files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
Less files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
Less files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
Less files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.

Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.

Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.
Walkthrough of Xerox theme kit
A brief overview of the custom theme kit implemented for Xerox, showcasing how their brand guidelines were seamlessly integrated into the Ion platform.
LESS Files
An inside look at the LESS files used to compile the final theme, detailing the specific customizations made to ensure full alignment with Xerox's brand standards within the Ion platform.

Results

With the custom Ion theme kit, Xerox can seamlessly create interactive experiences within the platform, maintaining brand consistency across all digital channels.

Connect with me on LinkedIn

Navigation

Case studies