奈良県立大学人材育成プログラム CHISOUのページ
ホワイトをバックに、画面いっぱいの巨大なロゴのオープニングアニメを表示します。
ロゴのタイポグラフィは潰れた太字になっており、5種類のシンプルなラインがあしらわれています。
また、このラインはページの背景にも使われています。
ファーストビュー以降は、スクロールに合わせてコンテンツを読み込む構造です。
サイトURLへのリンクが付いたロゴが左上に配置されますが、ページの背景色に合わせて
“ベージュ→オレンジ→ベージュ”と色を変えています。
-
-
#122 株式会社濱谷設計
http://www.hamatanisekkei.co.jp/建築設備設計 株式会社濱谷設計のサイト
ファーストビューからナビゲーション分の高さをスクロールアップすると、
ドロワーメニューとページトップのボタンが現れます。
企業ロゴの形のラインを背景に配し、視線誘導も兼ねています。
ホワイトをベースに、ライトシーグリーン、グレーの配色の
グリッドデザインのサイトとなっています。
-
#121 Red Bull
https://www.redbull.com/jp-ja/有限会社(GmbH) Red Bullのサイト
ファーストビューは動画スライドになっています。
グローバルナビは常に画面に追従表示されるタイプです。
コンテンツはカード型で、リンク先へと誘導されています。
また、ページ最下部に「さらに表示」のボタンが用意されており、
ページのコンテンツ量と読み込み速度を考慮した設計が見られます。
