LPトレース

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題で、HELLO SCOOETRのLPトレースに取り組みました。①LPトレース②スタイルガイド③スマホとPCでのレイアウト分析まとめを作成し、Webページにおける文字サイズやレイアウトの組み方、配色の感覚を養いました。

YEAR 2021

制作時間:8時間

制作期間:2週間

HELLO SCOOETRさんのLPをトレースしました。


▼成果物

①LPトレース

②スタイルガイド

③スマホとPCでのレイアウト比較


*工夫したポイント

トレースを通じて下記ポイントに気付きました。自身で設計・デザインする際も考慮べきポイントとして意識しています。

  • 配色が多い場合でもまとまりを良くするために、文字量を少なくしイラストで直感的な伝わり易さを大切にしていること、イラストのサイズを小さめにしている等が工夫されている。
  • 配色、フォント、文字量、イラストなど要素の全体のバランスについて、配色やイラストが多い分、フォントは2種類に絞り文字量も少なくしている。
  • 配色やフォントといった静止デザイン以外にスクロールされた時の動きや、スマホの中のロゴの動きのような動的なデザイン含めユーザーストーリーの設計がされている。

*課題を通して学んだこと

  • 文字サイズや色、余白を検証ツールを使い調べることで、ツールの使い方を習得しました。
  • 配色、レイアウト、情報の表現方法といったLP制作の基本設計、情報設計の基本と考慮すべき点を学びました。
  • スタイルガイドの作成により複数人でプロジェクトを実施する際も統一感ある制作が可能になることとその必要性を学びました。