5.KESIKI|#1日1サイトレビュー
概要
・企業Webサイト
・ウェブ、インタラクティブ、映像、グラフィックデザインを主な活動領域とする制作会社
フォント
英語見出し:Johnston ITC W01
日本語タイトル・文章:Yu Gothic
グローバルナビゲーション
二本線のハンバーガーメニュー
カーソルホバーで左向きの矢印に代わる
クリック(or タップ)でメニュー画面が開く
背景色:グレー
テキスト色:白
開いているページ、選択中のメニュー:テキスト色が白→黒に変化、下線が付く。
Facebookとnoteのリンクが設置されている(アイコンで表示)
トップページ
ファーストビュー
ロゴのような模様のような図形がアニメーションでつぎつぎ表示される。
左上に企業ロゴマーク(トップページへのリンク)
PROJECTSエリア
画面スクロールにて、内容がアニメーションで浮かび上がる。(内容→4つのプロジェクト紹介)
テキスト(プロジェクトのキャッチコピーと企業名、企業サイトURL)と画像が左右に配置され、それら4組が縦に並んでいる。
これ以外のプロジェクトは、別ページへリンクされている。
画像とテキストは交互に入れ替わる配置になっていて、(アニメーションではなく)動きを感じる配置デザインになっている。
→閲覧時、視線が左右に動かされる。見ていて飽きにくいデザインだと感じる。単純に上下にサイトを閲覧するより、内容が印象に残りやすい。
画像はリンク。隣のテキスト内容に該当するページへリンクされている。
この記事が気に入ったらサポートをしてみませんか?