【課題】LPトレース

OVERVIEW

SHElikes MULTI CREATOR COURSE でWebページトレース課題に取り組みました。 併せて、スタイルガイドの作成とPCとSP画面の分析をまとめています。

YEAR 2025

制作時間:約15時間
制作期間:2週間
制作範囲:トレース


1.LPトレースしたもの

2.スタイルガイド

3.PCとSP画面の分析


4.工夫したこと

・トレースをする際は、できるだけ見本に忠実になるように下に見本を敷いて、フォントの大きさや色味など適宜確認しながら完成度が高くなるように拘りました。また、目視では分かりづらい部分はデベロッパーツールを使用して細かい数値まで確認するようにしました。

・PCとSP画面の異なる点を分析するだけでなく、なぜこのような構成になっているのかという点を考えながらまとめました。


5.課題を通して学んだこと

Webサイトを通して達成したいことを明確にし、その目的に沿ってユーザーストーリーを考え、導線をひくデザインの重要性を知りました。パッと見で素敵なデザインをすることもユーザーを引き付ける上で大切な技術だと思いますが、興味をどのようにしたら行動に繋げられるかという点を考慮し、見た人にとって分かりやすいデザインを心掛けていきたいと思います。
また、PCとSPで見え方が違う点を考慮した上で、ユーザーを引き付けるデザインをする必要があることを知り、デバイスに応じた適切なデザインができるよう心掛けていきたいと思いました。