法國成衣品牌Zadig&Voltaire設想了一種新型奢華——一種平衡真實與溫暖的奢華。他們選擇 imgix 透過高品質的圖像來傳達這種奢華。 imgix 將頁面速度提高了 66%,減少了工程時間和成本,同時繼續提供高端客戶體驗
頁面速度提高
在行動裝置上查看的影像
影像傳送成功
客戶
他們說奢華永遠不會過時。法國成衣品牌 Zadig&Voltaire 的誕生源自於對一種新型奢華的想像——一種打破產業傳統定義、平衡真實與溫暖的品牌。以收入計算,該公司是法國第二大時尚品牌,在全球擁有 378 家門市,其奢華理念以輕鬆別緻的風格體現,涵蓋了端到端的客戶體驗。
「Zadig&Voltaire 是一個具有強大形象的品牌,」行銷和數位總監 Jonathan Attali 說。對於電子商務來說,旅程從圖像開始。 「Zadig&Voltaire 的一切都與慾望有關——慾望、形象和價值,」行銷和數位總監 Jonathan Attali 說。 “因此,形像在我們未來幾年以及過去 25 年的全球戰略中的地位非常重要。”
挑戰
在不影響交付性能的情況下提供高品質影像成為該公司的首要任務。無論客戶使用的是便攜式電話還是桌上型電腦,Zadig&Voltaire 都希望確保全面的體驗體現出其產品的標誌性的便利性和奢華性。
缺乏有效的影像解決方案意味著在繁瑣的開發人員工作流程和重複性任務上花費不必要的資源。此外,尺寸不當或裁剪過的影像品質低於標準,會造成糟糕的視覺體驗。頁面載入速度慢會對 SEO 排名和網站轉換率產生負面影響。
解決方案
Zadig&Voltaire 決定使用 imgix 作為其圖像優化解決方案,在其 PDP(產品詳細資訊頁面)和 PLP(產品列表頁面)頁面上應用srcsets 。這使得影像能夠針對每種裝置和螢幕環境以最佳尺寸顯示。
與他們的 imgix 客戶管理和支援團隊密切合作來實施這些更改,確保他們以最佳方式使用 imgix。 Zadig&Voltaire 的目標是擁有響應式網站和一流的圖像交付,發現使用和管理 imgix 解決方案的簡單性極具吸引力。
“At the end, you just upload one picture and you just manage it. You manage the performance and you don’t need any developers to manage it. For example, if we just wanted to increase or decrease the quality level of an image, we can do it by ourselves in two minutes in the back office. So, it’s very simple, not too technical, but very flexible.”
— Jonathan Attali, Director of Marketing and Digital
This ease of use, backed by the powerful imgix Rendering API, was important to Zadig & Voltaire.
After comparing different image solutions, Zadig&Voltaire chose imgix. And the fact that imgix went above and beyond CDN hosting capabilities really helped move the needle for Zadig&Voltaire.
“Of course, there's a lot of tech behind it, but in the end, it's a tool for which I don't need special skills for myself or a member of the business team to just change the quality of any picture. So it's a very technical solution, but it can be used by any team, not just the developer or the CTO.”
— Jonathan Attali, Director of Marketing and Digital
Some of the imgix parameters that Zadig&Voltaire use include:
- q enable setting output quality lower than the default when serving high-DPR images.
- cs specifies the color space of the output image.
- lossless enables delivery of lossless images in formats that support lossless compression (JPEG XR and WEBP).
- fit controlled the way the output image fits to its target dimensions after resizing and how background areas get filled.
- auto helps to automate a baseline level of optimization across your entire image catalog.
“imgix is not just a server that hosts some images,” Attali said. “ The knowledge and the data to best optimize website images is imgix’s job. We could have gone with any other solution - GCP, Google Platform - but they are not experts like imgix.”
One very important consideration for Zadig&Voltaire was their implementation of the Progressive Web Application. A Progressive Web App, or PWA for short, is a website designed to create user experiences closer to mobile-native than in-browser ones. By design, PWAs are optimized to create a smooth and fast experience for users.
“It’s only one load of the page and after that, you click, but you never load all the content and all CSS, etc. The only thing that changes on each page is the image, because if you have the same CSS on the website, you don’t load it again,” Attali explained. “So between the homepage, PLP, then PDP, the main change you have to load is the image.”
Because of this, he noted, loading a page requires having the image correctly optimized in order to keep the experience seamless for the user.
“So performance and response time of imgix was very important when we chose the PWA for the front.”
The Results
透過實施 imgix,Zadig&Voltaire 不僅履行了為數位領域的客戶提供奢華體驗的使命,而且還節省了工程時間和成本,同時優化了後端網站效能。
「之前的工程時間是災難性的,」阿塔利回憶道。 “這次更改之後,我們沒有圍繞圖像進行任何新的開發,因為一旦在網站上正確實現,我們就直接通過 imgix 進行管理。”
一旦團隊加入 imgix,Zadig&Voltaire 也看到了對網路效能的直接而巨大的影響。桌面上的頁面速度指數約為 15 至 16 秒。實施 imgix 後,Zadig & Voltaire 將時間縮短至 6 秒左右,提高了 66%。
「如果我們能夠加快這些頁面的成功速度,這意味著內容可以更快地到達客戶手中,」阿塔利說。
為用戶提供這種奢華體驗將永遠流行。




