見出し画像

22.Remain in, lnc.│#サイトレビュー

【サイトレビュー・概要】

ファーストビューのアニメーションが印象的

サイトを開いてから、トップページが開かれるまでのアニメーションが印象的だった。
①何も無い白背景に、幾何学模様が描かれる。
②それが90度回転した後、ふわっと拡大。
③画像の上部に重なるように、ヘッダー、キャッチコピーが現れる。画像下部はメインビジュアルに。
④トップページの表示完了

トップページ構成

  • ヘッダー(右:会社ロゴ、左:2本線ハンバーガーメニュー)

  • キャッチコピー(英語の下に日本語)

  • メインビジュアル(最初のアニメーションされてた画像)

  • 挨拶

  • 事業内容(BIZ01, BIZ02, BIZ03)

  • プロフェッショナル紹介(写真画像@仕事中のメンバー:をスライダー表示)

  • NEWS(お知らせ)

  • 採用情報

  • 問い合わせ

  • フッター:ページリンク、ロゴ、会社情報、Copyright


サイトの特徴

フラットなデザイン
大きな画像をアニメーションで魅せる
スクロールで表示されるコンテンツや、見出しがキラリと光るように見える表現(JavaScript)

配色:

白、黒、オレンジ
メインカラー:白(背景)
ポイントカラー:赤に近いオレンジ(ロゴマークと共通)例:各コンテンツ右下に配置された、ページリンクボタン。オレンジ色の丸いボタンリンク。

個人的な見解

自分で取り入れるなら…
スクロールにより表示されるコンテンツ、見出しを取り入れたい。JavaScriptを今後もっと勉強したい!


この記事が気に入ったらサポートをしてみませんか?