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