#1日1サイトレビュー Day42 スタジオアリス(すごいインターン)
【概要】
スタジオアリスのインターンシップ用Webサイト。
【サイト全体の印象】
・ファーストビューの上下の写真が動くのと、明るい黄色で楽しそうなイメージ。
・幾何学のあしらいが今時感ある。
・写真の切り抜きがランダムで散りばめられていて楽しそう。
【ターゲット(仮定)】
・「インターン」の文字から大学生対象を連想。
・色使いやあしらいから女子学生対象か。
【リンク要素のルール】
・文中のリンクテキストの表現
→基本英語表記。
・ボタンのデザインの形やサイズの種類
→270p x 46px(MRRE)
560px x 115px(一番大きなボタン)
215px x 60px(マイページ)
【サイズ・形】
・ヘッダの縦幅
→105px
・見出し、本文の文字サイズ
→見出し:31px
本文:16px
・使用フォント
→Noto Sans JP
【配色ルールの適用方法】
・ベース、メイン、アクセントの3色を抜き出すとどの色が抜き出せるか
→ベース:黄色
メイン:白
アクセントカラー:ピンク・水色
・ベース、メイン、アクセントはそれぞれどんな箇所で使われているか
ベース:背景色、ヘッダー
メイン:背景(一部)、あしらい(吹き出しや文字のハイライト)
アクセントカラー:あしらいの一部、下層への入り口バナー
・トップページの配色の印象を下層ではどんな形で生かしてるのか
→TOPでアクセントカラーとしてそれぞれの下層ページの窓口として使われてる配色が、そのまま下層ページのメインカラーとして使われている。
統一感がありページごとにカラーが変わって分かりやすい。