見出し画像

【1日1サイトレビュー】#58 東京デザインプレックス研究所

■東京デザインプレックス研究所 https://www.tokyo-designplex.com/

東京デザインプレックス研究所のサイト。

・トップページにアクセスすると中央にメインロゴが表示された後にメインカラーのベージュ(金っぽい?)、グレーの背景が画面上部に向かって動いていく。スタイリッシュなデザインだがメインビジュアル、リンクの読み込みにも効果がついていて躍動感がある。

・1カラムの構成でナビゲーションがページ上部に固定。ユーザーのゴールになる資料請求や体験申し込みのリンクは文字色をメインカラーに変えて目に付きやすい右上に配置されている。

・写真と図形が組み合わさったメインビジュアルに背景の図形の動きがついていることで写真にも動的な印象がある。4つの専攻に合わせて切り替わる。

・メインビジュアルは自動で切り替わるが左下のリンクボタンでも切り替えができる。prev、nextのリンクや線のクリックで切り替えが可能。ここはメインビジュアルだけでスクロールした後に各専攻のページを置くよりもユーザーのアクションに繋がって良いと感じた。

・各専攻のカリキュラムの紹介ページではリンクのホバーで詳細なカリキュラムを閲覧できる箇所がある。

・テキストと写真はグリッドに沿って整理されている印象。目に優しい色合いと余白でテキストが読みやすいと感じた。

・フォント: KintoSan、 Work Sans
・カラー:メインカラーベージュ#8B7246、文字ベージュ#9E895B、リンクグレー#555555、背景グレー#EDEDED、背景白#FFFFFF、フッターグレー#F2F2F2

いただいたサポートは自己学習のために活用させていただきます!