プロジェクトの紹介
2021.9.16
こんにちは、チームラボ採用担当です。
今回はチームラボソリューションチームが開発に携わった日本ペイントホールディングス株式会社（以降日本ペイント）のコーポレートサイトについて、こだわりポイントなど製作の裏の部分を紹介しようと思います。
日本ペイントホールディングスのコーポレートサイトリニューアルにあたり、チームラボは企画、開発、UI/UX設計、デザイン、サイトトップのメインビジュアル動画の製作を担当しました。
今回のリニューアルでは、チームラボ独自のパッケージである「チームラボレコメンド」「チームラボサーチ」「チームラボCMS」を導入しました。
そして、リニューアル後のサイトでは、各ページは1つ1つが独立し、トップページからの階層構造ではなく、並列なコンテンツとしてサイトの入口となっております。
ここからは実際にこだわった部分を紹介します。
サイト内の各ページでは、個人の嗜好性に合わせた関連情報やおすすめ情報が自動的に表示され、ページ同士は横断的かつ有機的に結びつけられ、訪問者が見たい情報を次々と得られるよう構成されています。
この自動カスタマイズのために今回は「チームラボレコメンド」と「チームラボサーチ」を活用しました。
チームラボレコメンドはユーザの行動履歴やアイテムのテキスト情報を解析し、アイテム間の相関関係を算出したり、パーソナライズ化されたおすすめ情報を提供することができます。このレコメンドのアルゴリズムでは協調フィルタリングやコンテンツマッチ技術をベースとし、Matrix Factorizationやディープラーニングを利用して、ログの少ない商品にも最適なログ補完を行うなど、最新のモデルを取り入れています。
一方、チームラボサーチはユーザが過去に購入した商品に近い商品を検索結果で上昇させるなど、ユーザの行動履歴やユーザの属性に基づくパーソナライズサーチが可能であり、今回のサイトリニューアルではキーワードからサイト内の各コンテンツや記事を的確に提示できるよう構成しました。
以上によってあらゆるページが主役として魅力的に見え、伝えたいことをシンプルに伝えられます。また、ページ単位でコンテンツとしてシェアすることも可能で、無数の流入経路を確立しています。
teamLabRecommend / チームラボレコメンド
https://www.team-lab.com
teamLabSearch / チームラボサーチ
https://www.team-lab.com
サイトトップのメインビジュアル動画は、日常のあらゆるシーンで私たちの生活を支えている塗料の持つ可能性や未来を、塗料に見立てた粒子で、表現しました。
粒子は空間を漂いながら様々に形を変えて日本ペイントホールディングスの多様な事業領域を示すオブジェクトを形作り、それらのオブジェクトが街を構成していきます。
色彩を与える「美観」、風雨や劣化から守る「保護」、抗ウイルス・抗菌や船の燃費向上などの「機能」といった塗料・コーティング技術の役割を魅力的な演出で表現しています。
日本ペイントのサイトではチームラボが独自で開発しているCMS（コンテンツ・マネジメント・システム）のパッケージ「チームラボCMS」の導入によって更新を容易にし、グローバル展開する日本ペイントホールディングスの活動を魅力的に伝える情報発信の基盤を構築しました。
また、グローバルに対応するためサイト全体が日本語と英語の２ヵ国語に対応しています。
teamLabCMS / チームラボCMS
https://www.team-lab.com
今回紹介した日本ペイントホールディングス コーポレートサイトリニューアル以外にもチームラボでは他にも様々なWebアプリケーションの開発をおこなっています。
他の実績については以下のリンク先で見ることができますので、是非ご覧ください！
Works | チームラボ
https://www.team-lab.com
そして一緒に開発をおこなっていただける仲間も随時募集しています。
▼興味ある方はこちらから
Webアプリエンジニア - 中途採用 - Recruit｜チームラボ
https://www.team-lab.com
採用に関する情報はTwitterでもタイムリーに発信しておりますで、少しでもご興味をお持ちいただけたら、ぜひフォローをお願いいたします。
クライアント：日本ペイントホールディングス株式会社
URL：https://www.nipponpaint-holdings.com/
関連するプロジェクトの紹介
リアル店舗とECサイト『&mall』の連携をどのように実現したのか？「三井ショッピングパークアプリ」のリニューアルを担当しました。
プロジェクトの紹介
2026.6.04
「おうちが、あなたのカフェになる。」ブランドコンセプトを体現するアプリ開発の仕掛け
プロジェクトの紹介
2026.6.01
27サイト・約3.2万ページの統合。慶應義塾 公式ウェブサイト全面刷新のプロセス
プロジェクトの紹介
2026.5.29
スマホでの応援が、もっと熱く、もっと快適に！チームラボが阪神タイガース公式アプリを全面リニューアル。
プロジェクトの紹介
2026.5.29
大同生命 「どうだい？」公式アプリの新規構築において、企画、UI/UX設計、デザイン、開発を一貫して担当しました。
プロジェクトの紹介
2026.5.13
チームラボが千葉銀行公式サイトのリニューアルを手掛けました。
プロジェクトの紹介
2026.4.28
チームラボが慶應義塾公式ウェブサイトのリニューアルを手掛けました！
プロジェクトの紹介
2026.4.24
すべての人の快適な空港体験 ── 成田国際空港公式Webサイト リニューアルの設計指針
プロジェクトの紹介
2026.4.23
“学校というインターフェース”のデザイン — 安平町早来学園 ICT空間設計
プロジェクトの紹介
2026.2.26
体験価値を高めるために、あえて機能を削ぎ落とす。チームラボアプリの「経路案内機能」のデザイン
プロジェクトの紹介
2025.9.12
リスナーの“居場所”となる体験を追求する―。BUMP OF CHICKEN 公式アプリ『be there』開発の裏側
プロジェクトの紹介
2025.5.15
BUMP OF CHICKEN リスナー向け公式アプリ、オフィシャルサイト、グッズECサイトを制作しました
プロジェクトの紹介
2023.12.21
【Featured Projects 2023で講演】チームラボがICT空間設計を行った義務教育学校「安平町立 早来学園」について
プロジェクトの紹介
2023.4.24
3つの交通手段を単体で決済できるアプリRingo Passを制作しました
プロジェクトの紹介
2022.7.27
ネットでも通販でも使いやすく東急ハンズアプリを制作しました
プロジェクトの紹介
2021.10.07
十分な機能で無駄を無くすavex入館申請支援と会議室予約管理システムを制作しました
プロジェクトの紹介
2021.9.30
最適なタイミングでニーズにあった服を提案するアプリ「メチャカリ」を制作しました
プロジェクトの紹介
2021.9.24
相性の良い物件と出会える東急リバブル不動産検索サイトを制作しました
プロジェクトの紹介
2021.9.17
好きな球団の情報をいち早くキャッチできるアプリ「パ・リーグ.com」を制作しました
プロジェクトの紹介
2021.9.10
全ての媒体で魅力的に表示する大阪芸術大学サイトを製作しました
プロジェクトの紹介
2021.9.09
使いやすく洗礼されたデザインを目指したヒルズアプリの製作裏話
プロジェクトの紹介
2021.8.06
イノベーション自販機連動アプリacure pass
プロジェクトの紹介
2021.8.05
より使いやすくZIPAIR公式Webサイト
プロジェクトの紹介
2021.7.30
ゴジラ公式アプリ「ゴジラ＋」製作裏話
プロジェクトの紹介
2021.7.17
（後編） チームラボがサイトリニューアルを担当したZIPAIR公式Webサイトの開発裏側をインタビューして頂きました！
プロジェクトの紹介
2021.4.21
（前編）チームラボがサイトリニューアルを担当したZIPAIR公式Webサイトの開発裏側をインタビューして頂きました！
プロジェクトの紹介
2021.4.14
“銀行”らしくないUI/UXを実現した「りそなグループアプリ」はどのようにして誕生したのか
プロジェクトの紹介
2021.2.26
