長い折りたたみ可能なサブメニューを縦にスクロールするためのベストプラクティス
ランディングページの一部を再設計しています。この場合、各ランディングページには6〜8のコースカテゴリがあり、それぞれに日付、時間、価格で3〜4のコースが含まれています。 
各コースにはCTAボタンがあり、折りたたみ可能なコースメニューに含まれています。現在、すべてのメニューが展開された状態でランディングページが開きます。これにより、適切なコースを見つけるために多くのページをスクロールする必要があるという問題が生じます。また、データをよりよく整理できると信じています。
このため、右側にフローティングバーが表示されます。クリックすると、右側のコースカテゴリ（カテゴリ4など）までスクロールします。 
これを行うより良い方法があるかどうか疑問に思っています。レイアウトを改善するための提案も歓迎されます。
デフォルトですべてのコースオプションを表示する代替デザインを含めましたが、「選択」ボタンを最小化することにより、決定の疲労とページの重みを取り除くのに役立つ場合があります。ここでは、ユーザーは最初にコースを選択し、次にモーダルで特定のクラスを選択する必要があります。それはモバイルビューにもよく劣化すると思います。お役に立てれば！
デスクトップ：
モバイル：
これがランディングページであり、コンバージョン率が重要であるおよびそれは、あなたがCTAボタンをアコーディオン内に隠す代わりに表示する必要があります。2つの選択肢を提案します。
1）開いているボックスにすべてを表示し、最も重要なものを強調表示します。
2）私のお気に入り：
- オプションが多すぎる=選択肢が多い=選択を簡単にとらない（そして去る）
- 将来の選択肢を示すことで、衝動的な購入を失う
- 重要なことに集中する
