「ファーストビュー改善してみた話(ビフォーアフターあり)」
記事
デザイン・イラスト
本日は、LPのファーストビューをブラッシュアップしました✨
今回は、以前作成したデザインをベースに
「より伝わる構成」に整えることを意識して調整しています。
■Before(最初に作ったもの)
最初に作ったデザインはこちら👇
・コピーが少し抽象的
・説明文がやや長め
・全体的に「読ませる構成」になっていた
正直、見た目は悪くないけど
「一瞬で理解できるか?」というと少し弱い印象でした💭
■After(今回の修正版)
今回はこちら👇
・コピーをシンプルに整理
・情報量を減らして視認性アップ
・強調する言葉を明確に
👉「自動化」「負担」「軽減」など
伝えたいポイントを一目で分かるようにしています
■今回意識したポイント
今回の改善で意識したのはこの3つ👇
✔ 読ませる → “一瞬で伝える”へ
✔ 強調は1つに絞る
✔ 情報は削る勇気
特にファーストビューは
「読む場所」ではなく「判断する場所」なので
👉 情報を詰めすぎないことが大事だと実感しました
■実際に変わったところ
・「し、」などの接続を削ってスッキリ
・キャッチコピーを具体的に
・CTAに「無料」を追加して行動を促進
・余白を調整して高級感アップ
細かい調整ですが、かなり印象が変わりました✨
■まとめ
同じデザインでも
👉 言葉と余白でここまで変わる
というのを改めて実感しました☺️
まだまだ改善できる部分もあると思うので
引き続きブラッシュアップしていきます!
■ひとこと
最近は
「やさしく伝える」だけでなく
👉 “ちゃんと伝わるデザイン”
を意識して制作しています✨