LPトレース

OVERVIEW

SHElikes MULTI CREATOR COURSE Designerの制作課題としてWEBページトレースをしました。 デザインスタイルガイドの作成と、PCとスマホで異なるデザインやレイアウトの分析および情報の流れとユーザーストーリーについてまとめました。制作期間:23日間

YEAR 2022

======================================================================

目次

*トレースしたLPについて

*情報設計とユーザーストーリー分析

*スタイルガイド

*PC⇆SPのレイアウト分析

*工夫したこと

*学んだこと

======================================================================

*トレースしたLP

株式会社Luupが提供している「マイクロモビリティ」のLPサイトのトレースをしました。

*情報設計とユーザーストーリー分析

*スタイルガイド

*PCとスマホでレイアウトが異なる箇所の分析

*工夫したこと

・スタイルガイドの考察にDESIGNという項目を独自に増やし、デザイン全体の方向性の考察をしました。

・課題の項目としてはなかったサイトの情報設計の流れとそれに対するユーザーストーリーを分析する項目を設け、まとめました。

・Image Downloaderでとった画像を縦横比率を維持したまま縮小すると一部お手本画像とは縮尺が異なるものがあり、マスクをかけて微調整しました。


*学んだこと

・LPが制作されるにあたり、企業が伝えたい情報とその情報の流れに対してユーザーがどのように感じて読み進めるのかを分析たことにより、情報の優先順位の付け方とユーザーにより興味をもって読み進めてもらうための情報設計方法について学ぶことができました。