サントリー
キャッチコピーに合わせた「水」がコンテプトになっているデザインです。コーポレートサイトは「誠実・信頼」といったイメージに寄せがちですが、こちらのサイトは固さがなく柔らかい雰囲気でまとまっているサイトだと思います。
とくちょう
色やアニメーションで「水」を表現。
文字や背景に薄い水色から深い青への自然なグラデーションをかけることで、「水」をイメージ。また、消えていく仕様が水の中に溶け込む(潜る)演出になっていて表現方法が素敵だと思いました。
空白を使った見出しののレイアウト
左の余白に見出しを入れて目に止まるようにしている工夫が見受けられます。コンテンツ幅も横いっぱいに広がらない仕様になっていると思います。
UI / UX
スライドショーで数ある商品を見せる仕様
複数の画像やコンテンツをまとめて見せるには最適な仕様。均等配置されていると選びたくなると思いました。
展開事業を色分けで表現
色分けでカラフル・アイコンも使って事業をわかりやすく表現。ユーザーが目にとめる工夫が施されていると感じました。
ポイント
右上のちょっとしたあしらい
枠のみでなく、建物をいれているあしらいがさりげなくて良いなと思いました
重厚感を感じるヒストリー
TOPデザインに合わせがちですが、歴史ある企業の「厳格・重厚感」などを「黒」の背景を使って表現されている点が良いなと思いました。また、区切りの丸の表現も良い。