はじめに

こんにちは、チームラボ採用担当です。
今回はチームラボソリューションチームが開発に携わった日本ペイントホールディングス株式会社（以降日本ペイント）のコーポレートサイトについて、こだわりポイントなど製作の裏の部分を紹介しようと思います。

日本ペイントホールディングス コーポレートサイト

日本ペイントホールディングスのコーポレートサイトリニューアルにあたり、チームラボは企画、開発、UI/UX設計、デザイン、サイトトップのメインビジュアル動画の製作を担当しました。

今回のリニューアルでは、チームラボ独自のパッケージである「チームラボレコメンド」「チームラボサーチ」「チームラボCMS」を導入しました。
そして、リニューアル後のサイトでは、各ページは1つ1つが独立し、トップページからの階層構造ではなく、並列なコンテンツとしてサイトの入口となっております。

ここからは実際にこだわった部分を紹介します。

point1: ユーザ毎にカスタマイズされた情報を的確に提示

サイト内の各ページでは、個人の嗜好性に合わせた関連情報やおすすめ情報が自動的に表示され、ページ同士は横断的かつ有機的に結びつけられ、訪問者が見たい情報を次々と得られるよう構成されています。

この自動カスタマイズのために今回は「チームラボレコメンド」と「チームラボサーチ」を活用しました。

チームラボレコメンドはユーザの行動履歴やアイテムのテキスト情報を解析し、アイテム間の相関関係を算出したり、パーソナライズ化されたおすすめ情報を提供することができます。このレコメンドのアルゴリズムでは協調フィルタリングやコンテンツマッチ技術をベースとし、Matrix Factorizationやディープラーニングを利用して、ログの少ない商品にも最適なログ補完を行うなど、最新のモデルを取り入れています。

一方、チームラボサーチはユーザが過去に購入した商品に近い商品を検索結果で上昇させるなど、ユーザの行動履歴やユーザの属性に基づくパーソナライズサーチが可能であり、今回のサイトリニューアルではキーワードからサイト内の各コンテンツや記事を的確に提示できるよう構成しました。

以上によってあらゆるページが主役として魅力的に見え、伝えたいことをシンプルに伝えられます。また、ページ単位でコンテンツとしてシェアすることも可能で、無数の流入経路を確立しています。

point2: 塗料の魅力と可能性を伝えるメインビジュアル動画

サイトトップのメインビジュアル動画は、日常のあらゆるシーンで私たちの生活を支えている塗料の持つ可能性や未来を、塗料に見立てた粒子で、表現しました。
粒子は空間を漂いながら様々に形を変えて日本ペイントホールディングスの多様な事業領域を示すオブジェクトを形作り、それらのオブジェクトが街を構成していきます。
色彩を与える「美観」、風雨や劣化から守る「保護」、抗ウイルス・抗菌や船の燃費向上などの「機能」といった塗料・コーティング技術の役割を魅力的な演出で表現しています。

point3: グローバル展開する日本ペイントの活動を伝える情報発信基盤

日本ペイントのサイトではチームラボが独自で開発しているCMS（コンテンツ・マネジメント・システム）のパッケージ「チームラボCMS」の導入によって更新を容易にし、グローバル展開する日本ペイントホールディングスの活動を魅力的に伝える情報発信の基盤を構築しました。

また、グローバルに対応するためサイト全体が日本語と英語の２ヵ国語に対応しています。

さいごに

今回紹介した日本ペイントホールディングス コーポレートサイトリニューアル以外にもチームラボでは他にも様々なWebアプリケーションの開発をおこなっています。
他の実績については以下のリンク先で見ることができますので、是非ご覧ください！

そして一緒に開発おこなっていただける仲間も随時募集しています。
▼興味ある方はこちらから

採用に関する情報はTwitterでもタイムリーに発信しておりますで、少しでもご興味をお持ちいただけたら、ぜひフォローをお願いいたします。

クライアント：日本ペイントホールディングス株式会社
URL：https://www.nipponpaint-holdings.com/