Cloudinary Blog

That’s TheTicket: StubHub Finds Effective Digital Asset Management With Cloudinary

StubHub Finds Effective Digital Asset Management With Cloudinary

eBay-owned StubHub, the world’s largest ticket marketplace for over 10 million sports, music, and theater events in 40-plus countries, serves buyers and sellers, desktop or mobile, with an image- and video-rich app that features interactive seat mapping, 360-degree seating views, and price and best-value recommendations. After acquiring Ticketbis in 2016 and subsequently expanding to over 40 additional markets, StubHub streamlined and automated image management with Cloudinary, netting significant time and cost savings while displaying first-rate images in over 30 viewports across devices.

These impressive statistics that emerged post-Cloudinary adoption speak for themselves:

  • Up to 60 percent reduction in page weight.
  • Up to six times reduction in image load-times, e.g., after a reduction of an image of Shakira from 25 KB to 10 KB, the download time dropped from 336 milliseconds to 51 milliseconds.
  • Three to four times faster page load-times.

The Challenge: Optimizing Digital Assets for Image-Rich Site

Susan Stieglitz, StubHub’s head of imagery since 2015, was tasked with making StubHub’s portal more visually engaging in conjunction with the company’s global expansion. The challenges were many, among them the need to ensure the following:

  • Fast access and proper display of all images and videos on desktop and mobile devices in addition to viewports.
  • Availability of all digital assets, including licensed partner content, for use by third-party marketers.

“All our images required manual editing, severely limiting the potential for innovation in design. We prioritized editing for a desktop view so the images may or may not look good in other viewports,” said Stieglitz.

Also burdensome was the task of managing more than 120,000 active events and publishing 800–1,200 new ones daily on the site. That task involved continually selecting, editing, and updating StubHub’s catalog of more than 54,000 entities with multiple images.

“Delivering quality images at scale is daunting, particularly since our catalog has a single image for each event, which we must display well across all viewports,” said Stieglitz.

Furthermore, StubHub desired to improve the user experience, i.e., load pages faster, by compressing images as much as possible without any perceptible loss of quality.

The Cloudinary Solution: Customizing Versions for All Viewports and Improving Access to Media

Cloudinary proved to be just the right answer. Notably, with Cloudinary, StubHub can efficiently perform these tasks:

  • Optimize high-resolution images with simple parameter configurations, based on which Cloudinary then dynamically selects the most efficient format for the end-user’s device, causing pages to load three to four times faster.
  • Ensure that the dominant faces in photos stay within all viewports with the facial-recognition capabilities. Those photos without faces benefit from the edge- and entropy-detection features. That way, StubHub saves bandwidth by delivering only the important part of its photos.
  • Apply artwork styles, incorporate logos, remove backgrounds, and add tints, color enhancements, or borders through the transformation features.
  • Improve SEO ranking by incorporating meaningful file names within image URLs.
  • Track customer-usage patterns through analytics.

Additionally, thanks to Cloudinary’s digital asset management (DAM) solution, a single, centralized repository became available for access and synchronized editing by developers and designers. That repository also hosts brand guidelines and logos, templates, metadata, and folders for role-based access.

In Stieglitz’s words, the Cloudinary platform is “a no-fail, self-service system” in which StubHub’s teams and partners can seamlessly work on rich-media content. High praise!

Recent Blog Posts

New Learning Pathways From the Cloudinary Academy

In December 2019, Cloudinary launched its customer education platform, the Cloudinary Academy, replete with courses taught by the company’s experts on developer-oriented products and digital asset management (DAM) solution. The courses comprise interactive lessons and hands-on assignments, a proven way of familiarizing the audience with the course material and illustrating it with live examples.

Read more
Maya Shavin: How I Built My Website

Besides working as a senior front-end developer at Cloudinary, I'm also a content creator, a blogger, and an open-source developer. Follow me at @mayashavin and on mayashavin.com.

In the beginning, my website, mayashavin.com, was mainly for showcasing the status of my development projects and keeping me organized with my speaking schedule. Initially, I built it with Vue.js, later on switching to Nuxt.js (aka Nuxt) for a higher SEO score, and deployed it with Netlify. After some time, I added a blog section with Netlify CMS as the content management system (CMS). Everything was fine until I added more content and features, which led to a significant decline in the site’s performance. Also, the site design needed a modern look. So, I gave the site a makeover.

Read more
Automation Frees Up PetRescue’s Staff to Help Pets Find Their Forever Homes

As we spend more time at home, many of us are adopting pets for the joy, companionship and a surprising range of health benefits. In Australia, where our nonprofit customer PetRescue is located, there’s a shortage of pets to adopt. Last August, the Guardian reported that dog shelters in Australia emptied and adoption fees for puppies were running as high as $AUS1800.

Read more
Cloudinary and Contentful Make Modern Content Management Easier

I am pleased to share that Cloudinary and Contentful have joined forces to further streamline the creation, processing, and delivery of online content through Cloudinary’s digital asset management (DAM) solution and advanced transformation and delivery capabilities for images and video. What’s more, the partnership delivers a headless approach to DAM. By leveraging APIs for media management tasks, marketers and developers alike benefit from an integrated stack of optimized assets for optimization and automation. As a result, page loads are fast and beautiful, and at scale—with less overhead and effort.

Read more
Introducing Cloudinary's Nuxt Module

Since its initial release in October 2016 by the Chopin brothers as a server-side framework that runs on top of Vue.js, Nuxt (aka Nuxt.js) has gained prominence in both intuitiveness and performance. The framework offers numerous built-in features based on a modular architecture, bringing ease and simplicity to web development. Not surprisingly, Nuxt.js has seen remarkable growth in adoption by the developer community along with accolades galore. At this writing, Nuxt has earned over 30K stars on GitHub and 96 active modules with over a million downloads per month. And the upward trend is ongoing.

Read more