UnsplashはImgixで新機能をすばやく構築し、月間3億5,000万枚の画像を配信しています
お客様について
「ビジネスモデルを転換し、立て直しに残された資金はわずか3か月分でした」
2013年、Crewはまさにこの状況にありました。Crewは、厳選されたクリエイティブのプロと顧客をマッチングするオンラインマーケットプレイスです。当時は、マーケティング予算がない中で、ネットワークの両面を構築する必要がありました。
こうした状況と、直前のウェブサイトリニューアルで使われなかった写真から着想を得て、CrewチームはストックフォトサイトのUnsplashを立ち上げました。そのコンセプトは独特で、高画質の写真10枚を10日ごとに、ライセンスの制約なしで無料公開するというものです。
サイトは当初Tumblr上に構築され、オリジン画像のストレージにはAmazon S3を使用していました。その後、Unsplashは自社開発のウェブアプリに移行しましたが、既存の画像処理ソリューションではユーザーが求める堅牢性を満たせないことがわかりました。現在、サイトには40,000点以上のオリジン画像があり、Unsplashの写真家やデザイナーのコミュニティによって毎週1,000～2,000点が追加されています。
課題
数千枚の高解像度写真、画像を多用する複数のレイアウト、そして多種多様なデバイスへの対応が求められる中、スピードを犠牲にせずシャープなビジュアルを提供することが重要でした。さらに、コミュニティの急成長に伴い、ユーザープロフィールと見栄えのよいアバターを提供する必要も出てきました。
プロダクトデザイナーのルーク・チェッサー氏によると、無限スクロールとメイソンリーレイアウトを採用しているため、画像のリサイズ全般が課題になっていました。ブラウザのレンダリングとペイントの時間を短縮するには、画像を「ちょうどいいサイズ」で配信する必要がありました。「大きな画像を配信してブラウザ側でリサイズさせると、スクロールが遅くなってしまう」とチェッサー氏は説明します。
解決策
新しいウェブアプリへの移行にあたり、Unsplashは、こうしたリサイズの課題に対処でき、新機能の開発スピードも上げられる、導入しやすいソリューションを求めていました。チェッサー氏によると、Imgixを使ったことで「開発とデザインの時間を1週間短縮できた」といい、Crewは約1か月で新バージョンを完成させることができました。「それ以来、数百時間、いや数千時間ものエンジニアリング時間を節約できています」とチェッサー氏は付け加えます。
また、Crewは成長するコミュニティを支える機能として、円形のユーザーアバター付きプロフィールの開発にも注力できました。チェッサー氏によると、これは通常なら複雑な課題で、2つの重要な問題を解決するために複数の技術が必要になります。アップロードされる画像が正方形とは限らないこと、そして顔が中央にあるとは限らないことです。Imgixを使えば、これらの問題はコードを少し調整するだけで解決でき、Unsplashはエンジニアリングコストをほとんどかけずに、より良い体験を提供できるようになりました。
Imgixなら、アバターのトリミングの問題はわずか30秒で解決できました。crop=facesとfit=cropという2つのパラメーターを指定するだけで、完璧な円形のアバターを作成できたのです。
結果
Unsplashは少人数のチームのため、サイトを成長させるにはテクノロジースタックを最大限に活かすことが欠かせません。チェッサー氏は次のように語ります。「規模を拡大する中で、ほかのテクノロジーでは必ず何かしらの問題が起きました。しかしImgixによる画像配信は、この1年で月間2,000万枚から3億5,000万枚へと拡大する中でも、一度も問題が起きていません」
Imgixの活用により、Unsplashはコミュニティに響く機能の開発に集中でき、より大規模な写真サイトとも競えるようになりました。チェッサー氏はこう表現します。「大手サイトには専任のチームを置いて開発しているような機能もありますが、Imgixのおかげで私たちには非常に簡単に実現できています」。Crewにとって何より重要だったのは、Unsplashの立ち上げと自社プラットフォームでのスピーディーな新機能開発によって注目が集まり（ユニーク訪問者数は500万人以上）、新たな人材が流入したことです。Crewはその注目をビジネスにつなげ、はるかに少ない労力でマーケットプレイスを拡大できるようになりました。現在、UnsplashはCrewにとって新規デザイナー獲得の最大の流入元です。Unsplashをはじめとする取り組みにより、Crewは2013年から15倍に成長し、現在はIDEOやEventbriteなどの企業にサービスを提供しています。
