花王   挑戦する全ての人を応援する「花王×スポーツ」特設サイト制作

花王株式会社様（以下、花王）が新たに取り組む「花王×スポーツ」は、スポーツを通じて挑戦する人を応援し、その姿勢を企業の姿と重ねて発信していくプロジェクトです。

この活動を社内外に伝えるため、「Be sharp, Be top.」をコンセプトコピーとした特設サイトを立ち上げました。本プロジェクトでは、構想段階にあるテーマを関係者が議論しやすい形へと整理・可視化しながら、特設サイトの方向性を定めていきました。

花王では、スポーツを通じてファンとのつながりを広げるとともに、グローバルに挑戦する姿勢を社員一人ひとりが自身に重ねられる取り組みとして、「花王×スポーツ」をスタートさせました。

特設サイトの立ち上げに当たり、過去に花王陸上競技部関連のクリエイティブを担当した実績や、花王のデジタルマーケティング基盤であるAEM（Adobe Experience Manager）でのウェブサイト制作・運用の知見が評価され、コンセントに相談をいただきました。

本プロジェクトでは、さまざまな内容を並行して検討しながら複数の関係者および上層部との合意形成をスピーディーに行う必要がありました。

構想を、議論と判断のしやすい具体的な形へ整理する

コンセプトコピー「Be sharp, Be top.」を起点に、花王がスポーツを通じて届けたい思いや姿勢を、どのような体験として表現するかの検討から始めました。

初期段階では完成形を一つに定めるのではなく、コンセプトコピーやキーワードを起点に、

• 4象限を用いた方向性整理
• 色やトーンが異なる複数のデザイン案
• 「花王らしさ」やコンセプトコピーから連想されるキーワード

といった特設サイトの方向性を定めていくための判断材料を段階的に用意。

具体的なビジュアルによって目指す表現をイメージできる状態をつくることで、スムーズに関係者との検討・合意を進めることができました。

検討に用いたホワイトボードツールの画面。コンセプトコピー「Be sharp, Be top.」を表現の方向性に反映するために、連想されるキーワードや参考になるアートワークを分類整理している。

上層部との合意に向けては、デザイン案やアニメーションのバリエーションも含めて共有。言葉だけで説明するのではなく、実際の表現をもとに確認を進めることで、意思決定がスムーズに行える状態を整えました。

デザイン提案の資料。プロジェクト序盤の方向性検討から後半のカラー検討・細部の詰めに至るまで、視覚的に検討・判断ができる資料を用いて合意形成を図った。ページ内で利用するアニメーションについてもプロトタイプを作成した。

花王らしさとエネルギッシュさの両立

花王らしいクリーンさや信頼感と、スポーツのもつスピード感や力強さを両立した表現を目指すため、既存の表現にとらわれず複数の方向性を広く探りました。

例えば、動きを表すエレメントの配置やレイアウトの流れ、瞬発力を感じさせるアニメーションのテンポ、身体性を想起させる余白の取り方・要素の密度などを手がかりに、画面全体のリズムを設計しています。そうして「動いて見える」「勢いが伝わる」体験をつくりながら、最終的には花王としての一貫したコーポレートブランディングに則った表現のラインを見いだしていきました。

仕上げとしてコーポレートカラーを基軸にした配色のバランスやコントラスト、アニメーションの加減（スピード・緩急・間）を精緻に調整し、躍動感のある新しさと企業としての信頼感が同居するデザインにまとめています。

トップページのキービジュアル・コンセプトメッセージエリア。スピード感や力強さを表すエレメントを組み合わせつつ、コーポレートカラーを取り入れることによって花王らしさを表現した。

コンセプトとつながる思いを伝えるコンテンツ設計

各選手・団体ページでは、応援の取り組みが表層的なメッセージにとどまらないよう、「なぜ花王がこの選手・団体を応援しているのか」という背景を丁寧に伝えることを重視しました。

応援の理由や思いをコンセプトコピー「Be sharp, Be top.」とつながりのあるメッセージとして構成することで、企業としての一貫した姿勢が伝わるコンテンツを目指しました。

コピー・メッセージの検討過程。応援する理由やコンセプトとのつながりをコンセントが整理し、花王にて選手・団体関係者への共有・調整を行うという連携によってコンテンツをつくりあげた。

選手団体応援メッセージの一例。「技術だけでなく、人間性やチームワークを大切にする姿勢」など、花王の哲学とのつながりを表現している。