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 manipulating 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

Image-Editing Basics and a Tutorial for Automation With AI

You likely find yourself continually editing images for enhancement by eliminating flaws and tweaking the overall presentation, typically with software tools. Examples of basic editing are straightening, cleaning, and cropping images, as well as adjusting the contrast, exposure, and white balance. With advanced software like Cloudinary, you can automate not only editing tasks, such as quality adjustment and encoding, but also delivery.

Read more
Tips for Retaining Audience Through Engaging Videos

Measuring the level of interest your videos generate helps you produce compelling content. The measurement and optimization approach must, however, address the various aspects of each video, including the A/B test hypothesis and iterations. A high engagement rate spells effective videos; a low engagement rate calls for content improvement.

Read more
Forbes Cloud 100: When the Stars Align

In 2017, when Cloudinary first made the Forbes Cloud 100 as a ‘Rising Star,’ it was an incredibly proud moment for the company. In 2018 we graduated from Rising Star status to be acknowledged as part of the incredible Cloud 100, the top 100 SaaS companies in the world. Today marks our third consecutive year on this prestigious list.

Read more
A Cloudinary-Enhanced Student-ID App

I’m an instructional designer on Cloudinary’s Solutions and Training team. As the COVID-19 pandemic emerged in March, like other global organizations, we pivoted to set up virtual courses. As much as we looked forward to resuming in-person classes in the future, we switched gear to focus on the virtual way of learning.

Read more
Image Formats: Getting it Right

Image formats, which are standards for digital images, can be uncompressed, compressed, raster based, or vector based. You determine the DNA of your images with the formats you adopt, each of which offering different capabilities. For example, rasters generate images with pixels; vectors, with vectors or proportional formulas. PNGs can display logos without background; JPEGs always come with backgrounds. This article explains the main properties of the various image formats, including their basic concepts and pros and cons.

Read more