Cloudinary Blog

Stylight Fashions Image-Heavy Retail Search Engine With Cloudinary

Stylight Fashions Image-Heavy Retail Search Engine With Cloudinary

Through Stylight, a search-engine in the fashion arena, shoppers can search over 1,000 shops in 16 countries and 30 million products for the best deals and be directed to retailer websites for purchases. When a new shop goes online, Stylight must add and display as many as 50,000 or more new products on its site.

Uptime, performance, and customer experience are key for Stylight’s bottom line. To manage and display its many thousands of images, Stylight needed an efficient way for transforming them for fast loading and optimal viewing on all devices.

As an early adopter of Cloudinary’s cutting-edge solution for image management and delivery on content delivery networks (CDNs), Stylight has accomplished these impressive results:

  • Added new stores with thousands of products in under two hours.
  • Improved the click-out conversion rate (COCR) by up to 2.2 percent.
  • Grew the revenue per visit, which is tied to the compensation from partner stores, by up to 2.4 percent.

The Challenge: Proficient Management of a Multitude of Images by a Lean Staff

“Despite our limited manpower, we still wanted to move fast. Managing images, including transforming and optimizing them for all kinds of devices and viewports, was a challenge for our new responsive website,” said Matthias Hoyer, head of product at Stylight. “We needed an easy way to do those tasks and display images appropriately for our users.”

On-premise options would incur on-site hosting and storage costs. Instead, Stylight searched for cloud solutions and discovered Cloudinary.

“Cloudinary offered everything we were looking for—multiple image resolutions, scaling, quality optimization,” Hoyer explained. As one of Cloudinary’s first customers, Stylight implemented Cloudinary as a key component of its search engine.

The Cloudinary Solution: Streamlining Image Management and Improving Store Uptime

Stylight’s microservices-based architecture means that the company’s teams routinely collaborate to integrate shops with the site and add product information on the fly. The team that tags products to the appropriate categories also uploads images to Cloudinary. Separately, the client-facing product team transforms images with Cloudinary’s unique URL-based solution through a RESTful API.

Cloudinary’s automation features, in particular those for format selection and quality compression, have enabled Stylight to deliver the best image format, such as WebP for Chrome browsers, and to optimize images according to viewport, bandwidth, and such. The result is “a significant positive effect on page-load time, performance, and visitor satisfaction," Hoyer noted.

Another Cloudinary feature that is vital to Stylight is lazy loading. With Cloudinary’s lazy-loading JavaScript plugin, Stylight can determine on the server side the kind of viewing device for Stylight’s search engine and serve images in the viewport along with the correct image tags. Once the viewer interacts with the page, lazy-loading of all other images occurs.

Recently, Stylight began leveraging Cloudinary’s multi-CDN capabilities, which dynamically switch among CDNs, ensuring delivery of images closer to end-users and accelerating page loads. Such CDN switches also prevent costly downtime of the Stylight site.

The Results: Improved Revenue, Higher Conversion Rates, and Optimal User Experience

Besides significant rises in COCR and revenue, Stylight has been impressive performance improvements. Lazy loading has reduced page load-time by about 100 milliseconds, translating to a superb user experience.

“Cloudinary is at the forefront of adopting cutting-edge technologies and quickly implements them. We don’t have to learn or incorporate those technologies ourselves since we know Cloudinary will do it,” Hoyer noted, adding that, as a result, Stylight can continue to operate with a slim staff.

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