Design System: Peacock

Divyansh Patel

1

UX Designer

Product Designer

Design Systems Specialist

Figma

Jitter

Storybook

Table of Contents

Project Overview

As a Senior Product Designer, created "Peacock," a flexible design system that powers Enviso, Gantner’s all-in-one ticketing and booking management platform. Built to unify Gantner’s brand and enhance the design efficiency across Enviso’s sub-products, Peacock has become the backbone for consistent and streamlined user experiences across 5-10+ B2B and B2C platforms. These include high-traffic resellers like Viator, Tiqets, Tripadvisor & GetYourGuide, as well as prominent venues like the Van Gogh Museum, Rijksmuseum, Anne Frank Museum, Ferrari World(Abu Dhabi), and The Shard (London).

Outcome and Metrics

Peacock’s implementation has led to significant improvements in both branding consistency and operational efficiency, with measurable impact across the following areas:
Efficiency in Design and Development
50% Faster Prototyping and Design Cycles: Standardized components and design tokens enable designers to create interfaces faster, reducing design iteration times by 50%.
30% Increase in Development Speed: Developers can implement pre-defined components directly, accelerating development timelines by 30%.
User Engagement and Conversions
25% Increase in Ticket Sales Conversions: By providing a more intuitive, consistent user experience across B2C platforms, Peacock contributed to a 25% rise in ticket conversions.
Brand Consistency and Flexibility
Customer Satisfaction Boosts: Venue partners report increased satisfaction due to Peacock’s balance of unified branding and customization, reflected in higher retention and positive client feedback.
Accessibility and Performance Gains
WCAG 2.1 Level AA Accessibility Compliance: Peacock’s focus on accessible design resulted in improved usability for all users, helping meet Enviso’s goal of inclusivity.

The Challenge

In creating Peacock, we aimed to resolve several key challenges:
Scalability Across Diverse Use Cases Enviso’s platform supports a broad user base, including B2B resellers and various B2C venue-specific interfaces. Each user base required tailored interaction flows that could scale and adapt to high demand. Peacock needed to balance B2B priorities (complex ticket management, integration with third-party resellers) with streamlined, intuitive B2C user experiences.
Consistency Across Global Brands While Gantner’s clients operate under different brand identities, they share a need for a consistent look and feel across various digital touchpoints. Ensuring visual coherence without compromising unique brand elements was a central design challenge, given the array of partner-specific branding.
Optimizing Workflow for Design and Development Teams With numerous products being developed and maintained, efficiency in design and development was crucial. Prior to Peacock, designers and developers often worked in silos, leading to redundant work, design inconsistencies, and increased production times. The goal was to streamline workflows and centralize documentation to boost productivity and cross-functional collaboration.
Performance and Accessibility Given the global user base, Peacock also needed to ensure seamless performance and accessible design standards, adapting easily across devices and regions with varying bandwidth capabilities. This meant creating a system that was both lightweight and responsive, adhering to WCAG standards.

Design System Samples

Enviso Sales
Enviso Sales
Ticketing Platform
Ticketing Platform
Design Principles
Design Principles
Select Component
Select Component

If you're looking for a reliable partner to work on Design System, send me a message and lets connect - I can't wait to meet you! 

Like this project
1

Posted Oct 31, 2023

Peacock represents a successful, scalable design solution that not only streamlines operations but also enhances the user experience for millions globally.

Likes

1

Views

12

Tags

UX Designer

Product Designer

Design Systems Specialist

Figma

Jitter

Storybook

Hireclub - Web Design, Branding
Hireclub - Web Design, Branding
Design System for Fortune 50
Design System for Fortune 50
Enviso Landing Page Design in Figma (Web Design)
Enviso Landing Page Design in Figma (Web Design)
Animation / Motion Work Samples
Animation / Motion Work Samples