ギター教室のランディングページ

制作時期	2025年10月中旬
制作時間	デザイン40時間 / コーディング30時間
使用ソフト	Illustrator / Dreamweaver
概要	職業訓練校で、現役のWeb制作者からマーケティングとデザインの講義を受けた直後に取り組んだ課題です。 市場調査からスタートし、ターゲット設定・ペルソナ設計・コピー制作・素材選定まで一連のプロセスを踏んでデザインへ落とし込みました。 さらに、最後までスクロールしてもらえる構成を意識し、「続きが気になる」ストーリーテリングを取り入れながら、情報設計と文章構成にも力を入れて制作しています。
実際のサイト	https://gcn-portfolio.com/g20250515/oi/guitar/

ターゲット層

20〜40代の社会人ギター初心者。独学で挫折した経験を持ち、学び直しを検討している層。

ペルソナ設定

28歳／男性／IT企業勤務（9〜19時）／首都圏一人暮らし
平日は忙しく、帰宅後はYouTubeやサブスクで音楽やドラマを視聴。
好きな音楽はJ-POP・邦ロック（例：back number、スピッツ、Official髭男dism）。

ペルソナの「悩み」

・独学でFコードを押さえられず挫折した。
・練習法が分からず、結局ネット動画を見て終わる。
・仕事が忙しく、まとまった時間を確保できない。
・モチベーションが続かず、ギターが部屋のインテリア化している。
・人前で弾く自信がない（間違えたら恥ずかしい）。
・好きな曲が弾けるようになるまでの道のりが長すぎる気がする。
・「今さら始めても遅いのでは？」と感じている。

ペルソナの「ニーズ」

・短期間で「1曲弾ける」達成感が欲しい。
・忙しい社会人でも続けられる柔軟なレッスン（平日夜・オンライン対応など）。
・好きな曲で学べる、実践的なカリキュラム。
・モチベーションを維持できる仕組み（講師のフィードバック、練習記録など）。
・分からないことをすぐ質問できる安心感。
・気軽に通える雰囲気（アットホーム・プレッシャーがない）。
・将来的に「友達や恋人に披露できる」自信。

サイトの目的

無料体験レッスンの申し込みを獲得すること。

ギター教室の特徴

「通いやすい × 効率的に上達 × 継続できる」 の三本柱
・平日夜まで開講しているため、仕事帰りでも通いやすい
・完全マンツーマン指導で効率的に上達できる
・好きな曲で学べるカリキュラムで、飽きずに継続できる

デザインコンセプト

初心者が「取っ付きやすい」と感じられるよう、ポップで楽しい雰囲気を意識したデザイン。 あえて少しチープさを残すことでハードルの低さを表現しました。
・色相の異なるカラーを多めに使用
・豊富なアニメーションで軽快な印象を演出
・画像は切り抜きを活用し、遊び心と視認性を両立

デザイン