「ファーストビュー改善してみた話(ビフォーアフターあり)」

記事
デザイン・イラスト
本日は、LPのファーストビューをブラッシュアップしました✨

今回は、以前作成したデザインをベースに
「より伝わる構成」に整えることを意識して調整しています。

■Before(最初に作ったもの)
FV.jpg


最初に作ったデザインはこちら👇

・コピーが少し抽象的
・説明文がやや長め
・全体的に「読ませる構成」になっていた

正直、見た目は悪くないけど
「一瞬で理解できるか?」というと少し弱い印象でした💭

■After(今回の修正版)
FV修正.png


今回はこちら👇

・コピーをシンプルに整理
・情報量を減らして視認性アップ
・強調する言葉を明確に

👉「自動化」「負担」「軽減」など
伝えたいポイントを一目で分かるようにしています

■今回意識したポイント

今回の改善で意識したのはこの3つ👇

✔ 読ませる → “一瞬で伝える”へ
✔ 強調は1つに絞る
✔ 情報は削る勇気

特にファーストビューは
「読む場所」ではなく「判断する場所」なので

👉 情報を詰めすぎないことが大事だと実感しました

■実際に変わったところ

・「し、」などの接続を削ってスッキリ
・キャッチコピーを具体的に
・CTAに「無料」を追加して行動を促進
・余白を調整して高級感アップ

細かい調整ですが、かなり印象が変わりました✨

■まとめ

同じデザインでも

👉 言葉と余白でここまで変わる

というのを改めて実感しました☺️

まだまだ改善できる部分もあると思うので
引き続きブラッシュアップしていきます!

■ひとこと

最近は
「やさしく伝える」だけでなく

👉 “ちゃんと伝わるデザイン”

を意識して制作しています✨
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら