【課題】LPトレース

| トレースしたLP

HELLO SCOOTERさんのLPをトレースさせていただきました。

| スタイルガイド

| PCとSPのレイアウト比較

| 制作を通して学んだこと

01  PCとSPのレイアウト、CVの違い

PCとSPのレイアウトは縦並びと横並びの違いだけでなく、それぞれの目的（CV）に違いがあるのではないかと考察しました。

　PC：お問い合わせフォーム（CONTACT）

仮説理由：ヘッダーに「CONTACT」ボタンが配置されているため

　SP：アプリダウンロード

仮説理由：ファーストビュー・CTRセクションだけでなく、ハンバーガーメニュー内にも　　　　　　　　　　　　　　　　　　　　　アプリダウンロードボタンが配置されているため

02 配色の使い分けとアクセントカラーの使い方

メインカラーは全体に使用し、サイトの世界観を統一するために使われていると考察しました。アクセントカラーはボタンや目立たせたい部分に使用されていました。LPではベースカラー・メインカラー・アクセントカラーに複数色使用する場合でも、それぞれのカラーの役割が何かを考えることで、まとまりのあるLPデザインができるということを制作を通して学びました。