個別指導塾 MUSUBU さま

新規開校に合わせてご依頼いただいたサイト制作。代表者様はすでに豊富な実績をお持ちだったため、その確かな指導力をしっかり伝えるために、生徒や保護者の「手書きの声」をトップページに掲載。視覚的にも信頼感が伝わる構成にしました。
さらに強みである「推薦入試対策」では、サポート内容に加え実際の体験談やYouTube動画を取り入れ、具体的に学習の流れをイメージできるようにしています。今後の教室拡大も視野に入れているとのことで、運用・展開がしやすいページ設計にしているのもポイントです。

女子高校生をターゲットに、ピンクを基調としたデザインを採用しました。
ただし「可愛すぎる印象」にならないよう、落ち着いたトーンのピンクを使用し、大人っぽさと女性らしさの両立を意識しています。
背景やボタンにはグラデーションを取り入れて柔らかな華やかさと、角をほんの少しだけ丸めることで、堅すぎず親しみやすい印象を持たせました。
高校生には親しみやすく、保護者には安心感を与える「信頼性」と「読みやすさ」を意識しました。

デザイナーさんの意図を実装で活かすため、ピンクのグラデーションや角丸は細かくCSS調整し、全デバイスで美しく表示されるよう配慮しました。
特にスマートフォンでの閲覧を重視し、タッチしやすいボタンサイズと視線の流れを計算したレイアウトで、高校生には直感的操作を、保護者には情報アクセス性を提供。
控えめアニメーションで親しみやすさを演出しつつ読み込み最適化も実現しています 。