WEBコーディング

WEBコーディング制作LPのファーストビューを制作しました。

アイソメトリック調のイラストを使用し、「Web制作の現場感」「誠実な人柄」を印象付けています。
キャッチコピーの印象を損なわないよう、余白・配色に配慮しました。
スマホ版の視認性も意識し、各要素のサイズ感や配置バランスを最適化しています。
ボタンカラー(ブルー)は信頼・誠実感を引き立てながらも、CTAとしての主張を保っています。
どちらの案も、サイト全体の空気感を壊さず、自然に溶け込むよう設計しております。

【左】

  • 既存FVの構成に寄せつつ、全体のバランス・視線誘導・色設計を見直したリデザイン
  • 右側にイラスト(対面対応風のシーン)、左側にテキストを縦配置し、読みやすさを強化
  • キャッチ〜サブコピー〜ボタンの流れを整理し、明快かつ安心感のあるレイアウトに
  • イラストも全体と調和する淡めの配色で、プロフェッショナルな印象に調整

【右】

  • ごく薄いグレー背景に中央寄せのキャッチコピーを配置し、視認性と信頼感を両立
  • キャッチ下には3つの強み(納期厳守・迅速レスポンス・責任対応)を整理して配置
  • イラストには、PC作業をする人物のアイソメトリックイラストを使用し、Webコーダーらしさを表現
  • ボタンはブルー系で主張しすぎず、全体の誠実感を損なわない設計

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です