見出し画像

#1日1サイトレビュー Day42 スタジオアリス(すごいインターン)

【概要】
スタジオアリスのインターンシップ用Webサイト。

【サイト全体の印象】
・ファーストビューの上下の写真が動くのと、明るい黄色で楽しそうなイメージ。
・幾何学のあしらいが今時感ある。
・写真の切り抜きがランダムで散りばめられていて楽しそう。

【ターゲット(仮定)】
・「インターン」の文字から大学生対象を連想。
・色使いやあしらいから女子学生対象か。

【リンク要素のルール】

・文中のリンクテキストの表現

→基本英語表記。

・ボタンのデザインの形やサイズの種類

→270p x 46px(MRRE)
   560px x 115px(一番大きなボタン)
 215px x 60px(マイページ)

【サイズ・形】

・ヘッダの縦幅

→105px

・見出し、本文の文字サイズ

→見出し:31px
 本文:16px

・使用フォント
→Noto Sans JP

【配色ルールの適用方法】
・ベース、メイン、アクセントの3色を抜き出すとどの色が抜き出せるか

→ベース:黄色
 メイン:白
 アクセントカラー:ピンク・水色

・ベース、メイン、アクセントはそれぞれどんな箇所で使われているか

ベース:背景色、ヘッダー
メイン:背景(一部)、あしらい(吹き出しや文字のハイライト)
アクセントカラー:あしらいの一部、下層への入り口バナー

・トップページの配色の印象を下層ではどんな形で生かしてるのか

→TOPでアクセントカラーとしてそれぞれの下層ページの窓口として使われてる配色が、そのまま下層ページのメインカラーとして使われている。
統一感がありページごとにカラーが変わって分かりやすい。

画像1


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