サイト制作：MUSCLE SPORTS GYM（架空）
目的：初心者でも問い合わせしやすいジムLP
ターゲット：20–40代／運動初心者〜中級者・女性多め
担当：IA／コピー／デザイン／画像選定／HTML・CSS・JS／レスポンシブ
デザイン指針
黒ベース＋赤（行動喚起）＋黄（実績感）
Noto Sans JP、太見出しで“瞬間理解”
角丸カードと余白で“強さ×やさしさ”を両立
情報設計（主なセクション）
ヒーロー：ベネフィット＋主要CTA
トレーニング紹介（スライダー）／プログラム（カード）
今月のイベント（時限オファー）
料金＋比較表／ビフォー＆アフター／トレーナー
店舗情報＆地図／FAQ／問い合わせフォーム
UXの工夫
CTAの一貫性（赤ボタン）と視線誘導（実績→料金→問い合わせ）
比較表とチェックアイコンで迷いを削減
SPは親指リーチを意識（44px以上）
技術
HTML5・CSS Grid/Flex・CSS変数、軽量JS（アコーディオン等）
画像最適化＋loading="lazy"
アクセシビリティ/SEO
見出し階層整理、alt適切化、十分なコントラスト
タイトル/ディスクリプションに地域×業態×ベネフィット