【課題】LPトレース・分析

OVERVIEW

SHElikes MULTI CREATOR COURSE の課題で、LPのトレースを行いました。 トレースした LPから、スタイルガイドとPCとSPのレイアウト比較し分析してます。 [ 使用ツール:Photoshop 制作時間:20時間]

YEAR 2024 - 2024

【トレースしたLP】

SHE株式会社が提供する[ SHE WORKS ]様のWebページをトレースしました。

引用:https://sheworks.shelikes.jp/

【スタイルガイド】

_________________________

【レイアウト】

______________________________________

【工夫したところ】

CSSまで確認してトレースしたこと
見本を見たままにトレースするのではなく、デベロッパーツールを使い、CSSの細部(フォントの種類や太さ、配色など)までコードや装飾の有無を確認しながら何度も比較と調整をしながら制作しました。

【制作で学んだこと】

・セクションごとに情報の優先度を決め、デザインの法則性が見られたこと

LPでは伝えたい情報量が多いため、その中でもどのように情報を優先して伝えるのかを、セクションごとに構成や色やフォントの太さや種類、余白などで変化をつけながら伝えてるのだと学んだ。