【課題】LPトレース(Money Tap)

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題でwebsiteトレースを実施しました。トレースだけでなく、カラーガイドの制作やLP分析も行っています。(制作時間:約10時間、制作期間:3日間)

YEAR 2022

制作時間:約10時間
制作期間:3日間

Money TapのLPをトレースしています。

| 制作したもの

①LPトレース

②スタイルガイド

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

| 工夫したポイント

・トレースをするだけでなく、LP制作において工夫されていること(配色やスペースの使い方、デザインの工夫など)に気付けるようにしっかりと分析を行いました

・googleの検証ツールを用いて正確な配色、フォントサイズを調べました

・実際にスマホからもLPを確認することで、PCの検証ツールで見ているだけでは気づけなかったデザインの工夫に気付くことができました


| トレースを通じて学んだこと

類似色をメインカラーとアクセントカラーに使用することで全体的にまとまりのあるデザインになること。また、類似色を使う場合には1つのブルーとパープルを使用するのではなく、複数パターンのブルーやパープルを用いることで洗練されたデザインになること。

・類似色で色の変化が少ない場合には、グレースケールを幅広く用いることで主張しすぎず、程よいメリハリをつけることができる

・レスポンシブデザインを考えるときには、ただ左右を上下にレイアウト変更するだけでなく、ユーザーに届けたい情報の優先順位に沿ってレイアウト変更することが大切であるということ