#1日1サイトレビュー【33】株式会社JEMS 環境マネジメント事業

【概要】

環境情報企業JEMSの環境マネジメント事業のコーポレートサイト

【ターゲット】

廃棄物管理の最適化をはかりたい排出事業者

【メインビジュアル】

円形を切り取った図形をバランスよく配置葉っぱをイメージ?
緑・青・黄色と色が変わっていくが、いずれの配色もエコロジーな印象
左のロゴは企業全体のホームページへとリンクされている。
右にはお問い合わせ・資料請求へのリンクボタンを設置。

【デザイン・レイアウト】

全体的に丸みをおびたデザイン。強調したい部分はグレーの光彩で浮かんでいる演出。
背景は丸を切りとったようなデザインを薄い緑であしらい。
左側にコピーライトが配置し、スクロールに合わせて追随する珍しいレイアウト。

【フォント・カラー】

①#fffffff
②#f0f7f0
③#0c8445
④#09585b

日本語→Noto Sans JP
英数字→Lato

【全体の動きとか】

ボタン部分にホバーすると円形にくっついてる横線が動く
見出しは左から右、テキストや画像は下から上に浮かび上がる。
ナビをホバーするとヘッダーのは黒からグレーへ、フッターは透明度が上がる。

【レスポンシブ】

基本的に横から縦並びに。コピーライトはフッターに固定。
お問い合わせ、資料ダウンロードのフォームが右端に追随する。