【実践課題】LPページトレース

１．制作物

●LPトレース

株式会社スマートバンクが提供する「B/43」のLPをトレースしました。

実際のページはこちら

▼見本とトレース

▼PC画面とスマホ画面の分析

▼スタイルガイド

Chromeの検証ツールを用いて、配色、フォント、余白の分析を行いました。

２．制作を通して学んだ点

１）配色は商品であるカードのカラーをアクセントとして起用

２）余白、フォントサイズは規則性をもって構成されている

３）お金を扱うサイトではあるが、フォント、写真の色味、見出しの文章のキャッチーさなどで親しみやすさを演出している

４）テキスト量は多いがアンダーラインやカラーを使って読みやすい工夫をしている

５）スマホではタップしやすいよう、ボタンの大きさや余白感が調整されている