89.株式会社ドリームラボ #1日1サイトレビュー
【印象】
・シンプル、かっこいい印象
【ファーストビュー】
・「ABOUT」セクションをファーストビューに配置している。右側に写真を置き、アニメーションで切り替わるようになっている。トーンは淡い印象
・写真の切り替えにかかる時間がゆっくりな印象なのでもう少し早い方が次の写真を見る人が増えそうだと思った
・左側にコンセプト文を表示。詳細ページへのボタンは黒背景に白字。ホバーで矢印アイコンが動き、マウスポインター位置のみ背景色が灰色に変わる
・ヘッダーは高さを大きめにとっている。左側にメニュー、右側にロゴを表示。追従する仕様になっている
【コンテンツ】
・全体的に配色、あしらい共にシンプルな印象。サイト内に載せているバナーは色数が多いので目に入りやすい
・マウスポインターに黒い円が追従するようになっている。クリック可能箇所や写真など、白または灰色以外の背景色の箇所にマウスがいくと円の色が変わったりサイズが変わったりする
・「ABOUT」セクション以外の箇所は基本的に中央揃えで本文を表示し、下部に下層ページへのボタンリンクを配置している
・「RECRUIT」セクションでは背景に歪んだ円を散りばめて表示している。ヘッダーのロゴと同じデザインになっており、同じタイミングで色が変わるようになっている
・「VOICE OF PARTNERS」のバナーも同様に歪んだ円を散りばめて表示。淡い緑からピンク、オレンジへのグラデーションがかかっており柔らかい印象
・「CONTACT」セクションでは背景にビル群の写真を表示。空の部分に黒字でセクションタイトルや本文を表示しているので視認性は良い
・「CONTACT」セクションの下に本社オフィスの住所を表示。左寄せになっている
・フッターは中央揃えでメニューを表示し、その下にSNSアイコン、プライバシーポリシー、コピーライトの順番で表示している
【カラー】
・白、黒、灰色
・テキストカラーは黒#212121
【フォント】
・游ゴシック
・セクションタイトルにRoboto
【レスポンシブ】
・ヘッダーは左側にロゴ、右側にハンバーガーメニュー（3本線、メニュー表記は無し）を表示。タップすると白背景に黒字のメニューが画面いっぱいに広がる
・「ABOUT」セクションは写真を上部に表示し、その下に本文を左寄せで配置している。写真サイズは大きめなのでSP版のFVはヘッダーと写真になっている
・フッターは中央揃えから左寄せに変更。メニューリストを2列で表示しているが奇数なので先頭の「HOME」のみ1列で表示している