モダンでおしゃれな家具・家電のサブスクリプションサービスを想定したLPのコーディングに挑戦。

サービスの魅力を伝え、利用へと導くためのレイアウトやUI実装など、実務で需要の高いスキルを網羅的に表現できます。

実装ポイント

•  画像の重ね合わせ表現：
   背景を効果的に活用する方法
•  アコーディオンUIの実装：
   JavaScriptを使った、「よくある質問」で頻出のクリック開閉インタラクション
•  コンポーネント設計： 
  繰り返し利用されるパーツ（キャンペーン、お客様の声）を意識した効率的なCSS設計

課題の仕様

• 難易度： ★★☆☆☆～★★★☆☆ (初級〜中級者向け総合課題)
• ページ構成： LP 1ページ (PC / SP)
• 作業時間の目安：20〜37時間
  ※JavaScriptでのアコーディオン実装まで含めた場合の目安です。ご自身のスキルや学習ペースによって時間は変動します。
• スキル： HTML / CSS (Flexbox, Grid) / JavaScript (簡単なクリックイベントなど)/Figma