Chronextはロレックス、ウブロ、ランド、オーデマ ピゲなど7000を超える高級時計モデルを取り扱うグローバルサイトです。新品、ヴィンテージ、認定中古の高級腕時計のマーケットプレイスとして、画像が商品の詳細を正確に反映し、ラグジュアリーというステータスに合っていなければなりません。同社CTOであるEmanuel Schleussinger氏は、ウェブサイトとiOSアプリ全体で統一感があり、信頼できるショッピング体験を提供することに重点を置いています。

「高級時計をインターネットで販売するのは簡単なことではありません。ショッピングカートのアイテムが1万ユーロを超えるような場合、そのお客様の信頼を得るには、詳細を正確に示す高画質の写真を提示する必要があります」

— 最高技術責任者、Emanuel Schleussinger氏

Chronextはimgixを導入する前、画像処理に関連して大きな課題に直面していました。ラグジュアリーEコマースには欠かせない商品写真の背景除去と差し替えのプロセスにかなりの手間がかかっていたのです。写真とデザイン担当のチームは、トリミングや写真編集にかなりの時間を費やしていたため、リソースを圧迫して他の業務が遅れることがありました。

トラフィックの70%がモバイルからのものであったため、Chronextはどうやって画質と読み込み速度のバランスを取るかについても悩んでいました。ユーザーがズームインして細部まで確認できるのに十分な解像度の画像を提供しつつ、ファイルサイズは素早く読み込めるように小さくなくてはなりません。加えて、価格設定が複雑で予測不可能なソリューションは避けたいとも考えていました。

「私たちがパートナーになりたいのは、エンジニアを大切にする誠実な会社です。実績のないソリューションや、大企業のサイドプロジェクトに画像のCDN事業をやっているような会社は望みません。画像CDNをいくつか調べてみましたが、価格体系が複雑で費用の予測が難しいものもありました。私たちが求めているのは、適正な価格設定と投資に見合う高い価値なんです」

— 最高技術責任者、Emanuel Schleussinger氏

統一感のある商品ギャラリーを作成するには、各画像を均一に中央に配置し、トリミングして、白い背景に設定する必要がありました。imgixの背景除去と差し替え機能の初期ユーザーであったことから、Schleussinger氏らは広範囲にわたるテストを実施し、現在ではほぼすべての商品写真に適用しています。背景除去に加えて、imgixのレンダリングAPIで以下のパラメーターも使用しています。

• auto=format,compress ベストエフォート方式の圧縮と画像形式変換を適用し、auto=formatで、画像を可能な限りAVIF形式で提供
• trim=color 時計の周りの余分なスペースを削除
• fit=fill 時計の左右に同量の余白を追加し、背景色パラメータで定義した同色を適用することで、ar= 1:1で定義した正方形の画像を作成

Commercetools、Frontastic、Reactを含むChronextのウェブ技術スタックとimgixがシームレスに統合されたことで、業務効率が向上しました。

‍

imgixは、堅牢な画像変換、ニーズの対応、適正な価格設定を実現しているプラットフォームとしてChronexにぴったりでした。

imgixを導入することで、同社は作業負荷を大幅に簡素化しつつ、ビジュアル体験を向上させることができました。面倒な背景除去プロセスを自動化できただけでなく、平均画像応答時間もわずか57msにまで短縮できました。auto=format,compressを使用することで、画像の画質が損なわれることなくファイルサイズを平均80%低減し、読み込み速度とパフォーマンスのバランスがさらに最適化されました。

画像処理をimgixに任せ、コア業務に集中できるようになったことで、Chronextは買い手と売り手両方のニーズに応え、高級時計売買のための信頼できる市場としての評判を高めています。

「imgixは私たちが優れた画像CDNに期待する条件すべてを満たしています。サポートチームやアカウントマネージャーも、私たちからのフィードバックを受け入れ、問題に耳を傾け、解決してくれました。本当に心強いパートナーです」

— 最高技術責任者、Emanuel Schleussinger氏