StubHub Design System

Role

Lead Designer

For

StubHub / Deep Dive Design

Date

2015

Type

Design Strategy

StubHub

At StubHub, I hired and led a crossfunctional team of designers and engineers to oversee the creation and implementation of a cutting-edge component library. My team was responsible for ensuring digital governance by defining, documenting, and implementing new design methodologies across the organization. As part of this effort, I managed projects, facilitated workshops, defined design processes, and implemented design tools in collaboration with StubHub's in-house design, marketing, and engineering teams.

The primary outcome of this effort was Primer, a foundational design system of reusable components based on the Atomic Design methodology. Primer was implemented through a custom responsive modular CSS front-end framework based on the SMACSS development methodology that ensures scalability.

Primer enabled rapid growth facilitating the quick implementation of design iterations and simplified agile deployments, enabling multiple brand and product redesigns since its implementation.

Creating alignment

Innovation through collaboration, crafting solutions as a unified force.

Individual focus laying the groundwork
Team members individually selected brand-representative images, building towards a shared vision.
Attribute continuum
Charting the course of innovation through collaborative exploration of attributes.
Stubhub's Experience Attributes
Summary slide of the workshop's outcome on experience attributes, defining our design direction. This became a key document, widely referenced across the organization to guide our unified approach.

Component Library Documentation

Typographic scale
Typography guidelines defined font sizes and styles for coherent screen layouts.
Color palette
A comprehensive color palette ensured visual consistency across all digital interfaces.
Content cards
Content card guidelines, demonstrated how to effectively structure and design information blocks.
Image guidelines
A straightforward approach to photography standards ensures uniformity and simplifies implementation.