Cloudinary Blog

Reformation Designs Engaging Shopping Experiences With Cloudinary

Reformation Designs Engaging Shopping Experiences With Cloudinary

Reformation is a Los Angeles-based fashion brand that designs and sells sustainable, eco-friendly women's apparel and accessories in a small fraction of the time that more traditional fashion houses take. And while the company runs several brick-and-mortar stores across the United States, its business is conducted mostly online, with over half of its visitors accessing its content on mobile. A major challenge Reformation faced was how to display images and videos optimally for every user and device. Enter Cloudinary.

With Cloudinary, Reformation was also able to simplify its media workflow, deliver a much-enhanced shopping experience, and boost its conversion rate. Specifically, the company—

  • Reduced its overall page-load time by 31 percent.
  • Shrunk its image payload by 60 percent.
  • Lowered the bounce rate by 67 percent.
  • Raised its Google PageSpeed score by 26 percent.

The Challenge: Limited Control Over Rich-Media Experience

Reformation’s eCommerce site is where visitors can look through multiple images of the latest designs and make purchases. The company works on a tight schedule for producing images—typically only three days—from photo shoots to launch.

Before adopting Cloudinary, Reformation served images through Workarea, its eCommerce platform, and generated thumbnails with a customizable RubyGem. Issues abounded, however.

“There were problems that we didn’t even realize were problems,” recounted Jessica Chappell, director of product management at Reformation. “We were delivering the same image to customers shopping on a desktop and to those on mobile devices but not on WiFi.” Quality and bandwidth glitches were the norm.

As for videos, frustratingly, integrating clips through Vimeo produced unsteady playbacks.

The Cloudinary Solution: Optimized Image and Video Delivery

In October 2018, Reformation integrated Cloudinary into its workflow. After the creative team has uploaded the images to Cloudinary, the development team regularly identifies them with a cron job, which then creates the database connection for upload to Reformation’s Amazon server. Behind the scenes, Cloudinary uploads high-resolution originals and delivers an optimized, responsive version to visitors, on desktop or on mobile. The turnaround is speedy and seamless.

Additionally, Cloudinary eliminates the manual task of specifying breakpoints for the Reformation site’s images by automatically adjusting the images’ resolution and pixel density according to the device pixel ratio (DPR) and viewport of the viewing device. “We want to generate 20 images every 100 kilobytes,” said Matthew Wicks, software engineer at Reformation. “If visitors are on a high-definition monitor, we set it to be two times of the required display resolution. Cloudinary then figures out which version to serve.”

Separately, through its content management system, Reformation manipulates the images, often with text overlays, as a marketing tool. A versatile Cloudinary feature makes that task fast and painless.

Furthermore, Reformation takes advantage of Cloudinary’s automated process for optimizing videos. The eCommerce merchandising team needs to only upload them into Workarea and Cloudinary then does the rest, including delivery with smooth streaming and no buffering interruptions regardless of the viewing device or bandwidth.

The Results: Engaging Shopping Experience and Improved Performance

By switching to managing rich media with Cloudinary, Reformation has seen a significant leap in its eCommerce performance, particularly in mobile browsers. A case in point: the images on the site’s category page have shrunk by 48 percent.

“What’s so cool is that our tech team can leverage Cloudinary to make ongoing improvements to our site,” Chappell beamed. “It’s not a one-and-done solution, and we can now effortlessly evolve with the latest trends and technologies.”

Recent Blog Posts

Automatically Translating Videos for an International Audience

No matter your business focus—public service, B2B integration, recruitment—multimedia, in particular video, is remarkably effective in communicating with the audience. Before, making video accessible to diverse viewers involved tasks galore, such as eliciting the service of production studios to manually dub, transcribe, and add subtitles. Those operations were costly and slow, especially for globally destined content.

Read more
Cloudinary Helps Minted Manage Its Image-Generation Pipeline at Scale

David first shared his thoughts at our ImageCon coverence last October and this case study is an abbreviated version of Minted’s success using Cloudinary.

Over time, Faithful renderings of the creations of the illustrators, textile designers, painters, packaging designers, marketers, and stay-at-home moms, all of whom are core contributors of the Minted world, was getting harder and harder. Legacy technology wasn’t cutting it any more—and it was time for Cloudinary to step in.

Read more
Highlights on ImageCon 2021 and a Preview of ImageCon 2022

New year, same trend! Visual media will continue to play a monumental role in driving online conversions. To keep up with visual-experience trends and best practices, Cloudinary holds an annual conference called ImageCon, a one-of-a-kind event that helps attendees create the most engaging visual experiences possible.

Read more

New for DAM: Media Library Extension for Chrome

By Sharon Yelenik
A New Media Library Chrome Extension for Cloudinary DAM

With the introduction of the Media Library Extension, a Chrome-browser add-on that streamlines the access to, search for, and management of images and videos, Cloudinary offers yet another effective tool for its Digital Asset Management (DAM) solution. Let’s have a look at how most teams are currently working with media assets and how the new add-on not only boosts efficiency, but also renders the process a pleasure to work with.

Read more
New Features Supercharge Cloudinary’s Digital Asset Management Solution.

Today, I’m thrilled to announce the launch of Apps for Digital Asset Management and a Media Library Extension for the Chrome browser, which enables easy, flexible integration with all web-based applications in addition to making asset discovery more robust and accessible to all.

Read more
Scale and Automate Workflows With Modern Digital Asset Management Systems

With building, growing, and maintaining a strong digital presence being a top priority for all brands, high-quality visual content is paramount. In fact, consumers are 40 times more likely to share visual content on social networks than on other forums. Plus, a recent study from Wyzowl found that 84% of consumers made purchase decisions after watching a video, which explains why many brands are adding more and more visual media to their sites.

Read more