22.Remain in, lnc.│#サイトレビュー
【サイトレビュー・概要】
ファーストビューのアニメーションが印象的
サイトを開いてから、トップページが開かれるまでのアニメーションが印象的だった。
①何も無い白背景に、幾何学模様が描かれる。
②それが90度回転した後、ふわっと拡大。
③画像の上部に重なるように、ヘッダー、キャッチコピーが現れる。画像下部はメインビジュアルに。
④トップページの表示完了
トップページ構成
ヘッダー(右:会社ロゴ、左:2本線ハンバーガーメニュー)
キャッチコピー(英語の下に日本語)
メインビジュアル(最初のアニメーションされてた画像)
挨拶
事業内容(BIZ01, BIZ02, BIZ03)
プロフェッショナル紹介(写真画像@仕事中のメンバー:をスライダー表示)
NEWS(お知らせ)
採用情報
問い合わせ
フッター:ページリンク、ロゴ、会社情報、Copyright
サイトの特徴
フラットなデザイン
大きな画像をアニメーションで魅せる
スクロールで表示されるコンテンツや、見出しがキラリと光るように見える表現(JavaScript)
配色:
白、黒、オレンジ
メインカラー:白(背景)
ポイントカラー:赤に近いオレンジ(ロゴマークと共通)例:各コンテンツ右下に配置された、ページリンクボタン。オレンジ色の丸いボタンリンク。
個人的な見解
自分で取り入れるなら…
スクロールにより表示されるコンテンツ、見出しを取り入れたい。JavaScriptを今後もっと勉強したい!
この記事が気に入ったらサポートをしてみませんか?