Webサイト作成コース/カリキュラム/第2章: LP(ランディングページ)を作る/2-3 デザインを調整する

2-3 デザインを調整する

無料

生成されたLPを対話形式で磨いていきます。

2章: LP(ランディングページ)を作る15分

色・フォントの調整

Claude Code に修正指示を出して、デザインを調整しましょう。

> ヒーローの背景色をダークブラウン(#3E2723)にして。
> フォントは Google Fonts の Noto Sans JP を使って。
> メニューセクションの背景を薄いベージュにして。

セクションの追加・変更

構成の変更も自然言語で依頼できます。

> メニューセクションと特徴セクションの間に
> 「お客様の声」セクションを追加して。
> 3件のダミーレビューを入れて。

レスポンシブの微調整

スマホ表示の問題点も修正を依頼しましょう。

> スマホ表示でメニューが横並びだと窮屈なので
> 縦並びにして。
> フッターの文字サイズも少し小さくして。