blog

違和感(ださい)デザインの改善
[2025.4.12 Sat]
chatGPTに出してもらったテキストをもとに、LPのファーストビューを作成してみました。
一枚目(上)は出力されたテキストをそのまま使用したものになります。
これでも内容は伝わりはしますけど、ダサいですね。
ダサくなってしまっている原因を分析してみました😭
①フォントをベタ打ちしているだけ
②キャッチコピーのグラデーションが変
③背景のあしらい(グラフのイラスト)が男性の写真とテイストが合っていない
④カラーが青と白しかないうえ余白が多くて質素すぎる
⑤フォントの雰囲気が写真やあしらいと合っていない
以上を踏まえて、2枚目(下)の通り修正してみました✨
①一番目立たせたいキャッチコピーに「」とあしらい(オレンジの線)をつけた
②フォントをゴシック体にして太さも変更
③グラデーションを上から下に暗くなるように変更
④ターゲットである「フリーランス・個人事業主」の文字に囲いを追加
⑤背景をビル街の写真に変更
⑥無料相談ボタンを装飾&カラーを変更
⑦ナビの追加(わすれてた)
⑧男性の足部分はいらないので切り取って写真を拡大
この通り直してみました。
ちなみにどちらも最近私が作ったものですが、1枚目も手抜きをしたつもりはなくて、いいものを作ろうと真面目に作成したんですよね・・
でも、ださい!だめだ!って思って試行錯誤した結果が2枚目になります。😱
ファーストビューから下に「こんなお悩みありませんか?」と続きますので、それもできたら載せますね~(^ε^)-☆Chu!!