LPファーストビューモックアップ

【制作日数】

7日

【使用ツール】

Photoshop

【デザインの目的】

WEBデザインの無料オンライン講座（5日間チャレンジプログラム）へ導くための、スマホ版LPのファーストビューです。ファーストビュー内だけで講座の魅力を極力伝え、その場ですぐにメールアドレス登録をしてもらえるように制作しました。

【デザインの工夫】

画面を下にスクロールしなくても、ファーストビュー内でメールアドレスの入力と登録ボタンが完了するレイアウトを採用し、離脱率を下げる工夫をしました。

実際にスマートフォンで表示された際の文字の読みやすさや、ボタンの押しやすさを意識し、モックアップに嵌め込んで視認性と操作性を検証しながら制作しました。3種類のパターンを作成しましたが、どれもボタンが目立つような配色にしました。