デザインスクール (WAVESTUDIO)

プロジェクトの概要

Webデザインスクール「WAVESTUDIO」の公式サイトです。サービスの内容を直感的に伝え、受講のハードルを下げるような明るく信頼感のあるデザインを意識しました。

情報設計の工夫

「何が学べるか」「料金はいくらか」「卒業生の声」といった、入学を検討するユーザーが最も重視する情報を優先的に配置。ステップ形式の「受講の流れ」を入れることで、具体的なイメージを持てる構成にしました。

実装のポイント

SCSSによる効率的なコーディング
変数やMixinをフル活用し、メンテナンス性と再利用性の高いスタイルシートを構築。大規模な改修にも柔軟に対応できる構造にしています。

動きのあるインタラクション
見出しやボタンに微細なホバーエフェクトを加えることで、操作すること自体の楽しさを提供し、サイトの回遊率向上を図りました。