【LPトレース】

＊目次＊

（１）要件

（２）トレースしたLP

（３）デザインガイドライン

（４）PCとスマホでレイアウトが異なる箇所の分析

（５）制作を通して学んだこと

（１）要件

・ターゲット

　一人暮らしをしている20代の学生、社会人（家計簿の代わりとして活用）

　20代のカップル（家計管理のために活用）

　中学生以上のお子さんを持つご両親（おこづかい、交通費の管理のために活用）

　→LPの写真やユーザーの声を参考にしました。

・目的

　アプリをダウンロードしてもらう。

　アプリ内でカードの申込をしてもらう。

　→サービスを始めるにはアプリが必要なので、アプリをダウンロードしてもらうことが　　目的であると考えました。また、メインビジュアルとフッターの両方にダウンロードボタンを置いており、さらにPCには右上に「今すぐはじめよう」ボタンがあったり、SPではハンバーガーメニューの中にもダウンロードボタンが置かれていたりしているからです。

（２）トレースしたLP

　株式会社スマートバンクが提供する「B/43」のLPをトレースしました。

（３）デザインガイドライン

（４）PCとスマホでレイアウトが異なる箇所の分析

（５）制作を通して学んだこと

 　デザインのヒントは、商品のデザインにあるということを学びました。今回は、カードの色に合わせて配色を決めていたり、ボタンの形がカードの真ん中の穴と同じになっていたりして、全体的に統一感を感じられました。奇抜なデザインであれば良いというわけではなく、デザイン基本原則が土台にあるのだと改めて思いました。

　しかし一方で、全て統一いるわけではなく、例えば、写真の高さは全て同じではなく、セクションごとに変えています。（「使い方で調べる」は617px、「B/43の基本の使い方」は515px）ただ、セクション内では同じ高さで揃えているので、バラバラ感が出ないように工夫されています。

　また、フォントの文字間は、記号や小文字の前後は他の箇所よりも空いているので、しっかりカーニングをする必要があると学びました。