【自主制作】Webサイトトレース

OVERVIEW

スクールの課題にて制作しました。

YEAR 2025

制作情報

作成時期:2025年11月
作成時間:スタイルガイド:4時間 / 作成:2時間 
使用ツール:Photoshop



講師からのコメント 

・トレースについて まずはトレースお疲れ様でした!ボリュームの多いLPでしたが、細かい点も丁寧に観察し、丁寧トレースいただいていましたね。
指摘するところも少なく、観察力と再現力、どちらもクオリティの高いアウトプットになっていました。
また、ターゲットもトレースを通じて考察し、言語化できているのも素晴らしいです。

・スタイルガイド・レイアウト分析資料について 色数や文字サイズなど、各項目をしっかりまとめられていますね! 要素をまとめるだけでなく、デザインの意図までしっかり考察されているのもGoodです。️


学んだこと

ウェブサイトトレースでは、レイアウト・余白・色・タイポグラフィなど、プロのデザインに共通する“意図とルール” を学びました。
視線の流れを意識した情報設計や、UIコンポーネントの一貫性がサイトの使いやすさと世界観をつくっていることを理解し、デザインの「なぜ」を説明できる力が身につきました。