業務改善サービスLPコーディング課題

AIサービスをテーマにした、LPのコーディング課題です。複雑な背景やレイアウトの再現力に加え、UI実装スキルも試される、挑戦しがいのある一作です。

実装ポイント

• 複雑な背景とレイアウト： positionやz-indexを駆使し、背景の上にコンテンツが浮き上がるようなモダンなレイアウトを実装。
• インタラクティブなUI実装： JavaScriptを使い、「導入事例」の横スクロール（スライダー）や、「よくある質問」のアコーディオンを実装。
• 実践的なコンポーネント制作： SaaSサイトで頻出する、特徴的な料金表（プライステーブル）のコーディング。

課題の仕様

• 難易度： ★★★☆☆～★★★★☆ (中級〜やりごたえのある中級)
• ページ構成： LP 1ページ (PC / SP)
• 作業時間の目安：40〜62時間
  ※JavaScriptでのスライダーやアコーディオン実装まで含めた場合の目安です。ご自身のスキルや学習ペースによって時間は変動します。
• 推奨スキル： HTML / CSS (position, 疑似要素) / JavaScript (スライダーライブラリ、クリックイベントなど)/Figma