PC表示からタブレット・スマホサイズに変わる際、ナビゲーション(ABOUT US / COURSE / CONTACT)をハンバーガーメニューへ切り替え、画面をすっきりまとめました。
メイン画像を少し暗めに調整することで、上に乗せる文字の視認性を高めました。また、キャッチコピーには陰影をつけて立体感を出し、印象に残るよう強調しています。
適切な余白(マージン・パディング)を確保し、コンテンツ全体の統一感と読みやすさを意識しました。
背景色を変えてメリハリをつけました。また、統一感を持たせたアクションボタンを再利用することで、ユーザーのクリックを促す設計にしています。
PC表示からタブレット・スマホサイズに変わる際、ナビゲーション(ABOUT US / COURSE / CONTACT)をハンバーガーメニューへ切り替え、画面をすっきりまとめました。
メイン画像を少し暗めに調整することで、上に乗せる文字の視認性を高めました。また、キャッチコピーには陰影をつけて立体感を出し、印象に残るよう強調しています。
適切な余白(マージン・パディング)を確保し、コンテンツ全体の統一感と読みやすさを意識しました。
背景色を変えてメリハリをつけました。また、統一感を持たせたアクションボタンを再利用することで、ユーザーのクリックを促す設計にしています。
PC表示からタブレット・スマホサイズに変わる際、ナビゲーション(ABOUT US / COURSE / CONTACT)をハンバーガーメニューへ切り替え、画面をすっきりまとめました。
メイン画像を少し暗めに調整することで、上に乗せる文字の視認性を高めました。また、キャッチコピーには陰影をつけて立体感を出し、印象に残るよう強調しています。
適切な余白(マージン・パディング)を確保し、コンテンツ全体の統一感と読みやすさを意識しました。
背景色を変えてメリハリをつけました。また、統一感を持たせたアクションボタンを再利用することで、ユーザーのクリックを促す設計にしています。