見出し画像

【1日1サイトレビュー】#117 WOTA

■ WOTA https://wota.co.jp/

水に関する事業を展開するWOTA株式会社のサイト。

・ファーストビュー一面の背景が青~水色のグラデーションによるアニメーションで覆われていて、視覚も動きも水のイメージが印象づけられるデザイン。水を表現するグラデーションに蛍光色のような水色が含まれていて光の加減で見え方が変わる水面のような感じ。

・ファビコンも青のグラデーションを正方形にしたもので、社名と併せて何の事業の企業かとてもわかりやすい。

・1カラムでメニューは画面左上に固定されたハンバーガーメニューに。写真を置いたエリアを挟みながら企業情報などコンテンツは2カラムに沿って作られている部分が多い。

・文字周りに余白を大きく取って落ち着いた印象があるが、ホバーで水滴のような円が大きくなったりスクロールに合わせて画面が水面のように揺れる動作などサイト内を動いた時のアクションも工夫されている。

フォント: Inter、Noto Sans JP、calluna
カラー:ベースカラー白#FFFFFF、文字黒#222222、見出しグレー#F6F6F6、メインカラー青グラデーション#1897D5、#A7FFFA他

いただいたサポートは自己学習のために活用させていただきます!