サントリーホールディングス｜水と生きる SUNTORY

水を表現する

サントリーは「水と生きる」のキャッチコピーで有名な、言わずと知れた飲料メーカー。文字や背景に薄い水色から深い青への自然なグラデーションをかけることで、「水」をイメージすることができるデザインになっています。

また、マウスを動かすと波紋が広がっていくアニメーションも入れており、より直感的に「水」を感じることができます。

ブランドが伝わるファーストビュー

ファーストビューでは「キャッチコピー」「動画」「商品」をスライダーで流しています。色々な表現を織り交ぜることで、どんなところでサントリーの商品が使われているのか、どんな商品があるのかをすぐにイメージできます。 それぞれの要素の流れるスピードや大きさを変えることで奥行き感が出て、 飽きずにずっと見ることができます。

飽きない工夫

会社の活動を載せるセクションでは、各記事にマウスをのせると本に折り目をつけているようなアニメーションになります。ユーザーの行動に合わせて目を惹くようなアニメーションがあると、ついクリックしたくなりますね。