【LPトレース】株式会社Luup(実践課題)
OVERVIEW
SHElikes MULTI CLEATOR COURSE Designerの課題として、LPトレースに取組みました。 LPのトレースと、スタイルガイド作成及びPC/SPのレイアウトの違いをまとめました。 【制作時間:6時間/まとめ:4時間/使用ツール:Photoshop】
引用元:https://luup.sc/
①トレースしたLP
②スタイルガイド
③PCとスマホのレイアウト比較の分析
ターゲット及び目的についても分析しました。
④工夫した点
分析には、ターゲット及び目的の項目を増やし、ページ全体のデザインについて考察しました。デベロッパーツールや拡張機能を使って、見本に忠実にトレースできるように努力しました。また色味の違いを見つけた時に、なぜそのような工夫がされているのか考えながらトレースしました。
⑤制作を通して学んだこと
配色や余白には一定の規則があり、読みやすさに繋がっているのだと理解しました。また、強調の意味でのアクセントカラーの配置の仕方、離脱率を低下させるための情報の閲覧性、クリックやタップのしやすさなど、コンバージョンに繋げるための工夫が細部に渡ってされていることが分かりました。あえてズラすことで生まれるメリハリや遊びでユーザーを飽きさせない、注目し続けてもらう工夫も大切なのだと分かりました。