LP トレース

＞目次

1.制作物

2.工夫した点

3.学んだこと

＜納品物＞

・ 制作したPSD or AIデータ

・トレースしたWebページを書き出したPNGデータ

・スタイルガイドを書き出したPNGデータ

・PCとスマホでレイアウトが異なる箇所の分析を書き出したPNGデータ

制作物

工夫した点

▶︎スタイルガイド

▶︎PCとスマホでレイアウトが異なる箇所の分析まとめ1枚

▶︎トレースしたサイトの「(1)ターゲット・(2)目的・(2)ユーザーストーリー」を自分なりに分析いたしました。

• ターゲット：BtoB、Web、クリエイティブ、事務の分野において適材適所な人材を求めている企業様や部署の方。
• 目的：人材への課題を抱えている企業様や部署の方に対して問題定義し、課題解決へのきっかけを想起させること。最終的にはお問い合わせフォームからお問い合わせをいただき、ネクストアクションに繋げること。
• ユーザーストーリー：結論、アクション→問題定義→結論→具体策の提示→実例→クロージング→アクション

学んだこと

Webサイトにおける読みやすい文字のサイズやレイアウトの組み方、色の使い方の感覚をトレースをしながら学びました。

スタイルガイドを制作しながら、Webサイトが一定のルールに則ってデザインされていることを学びました。

色、タイポグラフィ、余白はそれぞれ規則性を持たせて制作することによりサイト全体が見やすくユーザーへの配慮がなされているなと感じました。