See the Pen コーディング:Fammスクール様 by 市村亜子 (@ichi6) on CodePen.
概要:『Fammママ専用スクールのLP』を参考にした上で、改善案を盛り込んだコーディング
【サイズ】PC用(スマートフォンでご覧になると正しく表示されない場合があります。)
【ご希望】
文章・レイアウト・画像等の必要な要素を整理し改善案をいただきたい
【制作point】
・大見出しが分かりやすいように、デザインを統一し、かつ、背景色を利用して区切りが分かりやすいようにしています。
・スクロールしなくても内容を見てもらえるように、トップ画面をクリックすると下の詳細へ飛ぶようにリンクをつけ、かつリンクがあると分かるようにホバーすると浮き上がるようにしてあります。
・特徴6つについて、それぞれの詳細へ飛べるようにアイコンにリンクをつけました。
・更なる詳細やメディア情報の詳細については、アコーディオンパネルを使用し、LPが長くなりすぎないようにしました。
・トップ画面へ戻りやすいように、左側に「トップへ戻る」ボタンを設置。