初心者🔰のWebデザイン独学記録🐣✏️

その日の気づき・疑問点・進捗📝

#Day15 ワイヤーフレーム商品詳細ページ💫

#Day15

 

ワイヤーフレームの商品詳細ページを進めた。

 

スマホ版下書き。

商品詳細スマホ下書き1

商品詳細スマホ下書き2

 

PC版下書き。

商品詳細PC下書き1

商品詳細PC下書き2

商品詳細PC下書き3

スマホ版の清書をした。

・商品のおすすめポイントのような部分が少ないかも←全部の商品に言えるポイントが書かれているのでその商品だけの具体的おすすめポイントを増やす

・スクロールしないと値段が見えないので値段の表示位置に迷う←考え中

 

www.figma.com

 

下書きの時は文章を入れないので気づかないが、フレームの清書として文章をつけると、もっとこういうものも付け足そうとかが出てくる。。

色んなサイトやページを見て、なんでこの文章はここへ表示させてるのか、なんでこのボタンはここなのか。などの分析が必要。

 

今日は一旦ここまで。

 

明日以降、

・PC版の商品詳細清書

・商品一覧下書き(スマホ・PC)

・ショップについて下書き(スマホ・PC)

・先日添削してもらったTOPページのコンセプト文言←今日はまとまらなかった

・ショップ名

を進めていく。