【トレース】LP作成

ー－－－－－
目次
　①制作物：トレースしたLP
　②デザインガイドライン
　③PCとスマホでレイアウトが異なる箇所の分析
　④工夫したこと
　⑤学んだこと
ー－－－－－

①制作物：トレースしたLP

OpenStreet 株式会社が提供する「HELLO SCOOTER（https://www.helloscooter.jp/）」のLPをトレースしました。

②デザインガイドライン

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

④工夫したこと

 ◆工夫したこと
作成にあたり以下の内容を意識しました。
・ターゲットを20代女性と想定しながら作成したことで、分析に記載したような落とし込む方法の視点で捉えることを意識。
 ・実際に運用されているLPより、プロがターゲットを意識して作成している部分が読み取り、トレースに反映。

⑤学んだこと

・良いデザインは良い要素の合わせ技である
読み手の心を躍らせるデザインには、様々な考え抜かれた要素が影響していることを学びました。
自分が今後ページをデザインをする際にも、それぞれのターゲットや世界観から、具体に落とし込んだうえで、作成していきます。
ー－－
→具体的にトレースをするにあたり、分析をして気づいたLPの特徴は以下の通りです。
◇カラー
　・アースカラーで使用時のイメージが沸きやすい
　・カラーリングは濃淡で差をつけ、強調したい事を濃くすることで強調している
　・ターゲットだと想定される20代女性も親しみやすいカラー

◇タイポグラフィ
　・視認性が高いがやわらかさもある遊ゴジックを使用
　・英数字はセンチュリーゴシックを使用することで、スタイリッシュかつ協調されている

◇余白
　・5の倍数で統一しつつ、細部は1px単位で調整している

◇サイズ
　・大きさで、セクションの区切りが明確になっている
　・見出しと、説明文のpxのジャン歩率が大きく、どこを見れば情報をキャッチできるのかがわかりやすい
　・一番強調したい価格「0」円部分が、一番大きなpxを使用

◇他
　・アクションさせたいボタンをロゴの色と併せることで、統一感・世界観を演出
　・商品利用時の爽快感や爽快感が、画像の斜めや段差のあるカットからも演出
　・項目は単語ではなく、こちらに問いかけてくるようなキャッチーな言葉を使用し、親しみやすさがある
ー－－