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

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

サイトの目的

無料体験レッスンの申し込みをもらうこと。

ギター教室の特徴

「通いやすい × 効率的に上達 × 継続できる」 の三本柱
・遅くまで開講しているため仕事帰りにも通えて通いやすい
・完全マンツーマン指導で効率的に上達できる
・好きな曲で学べるから途中で飽きずに継続できる

デザインコンセプト

初心者向けなので取っ付きやすさを感じてもらうために、ポップで楽しいイメージや良い意味でのチープな印象を与えることを目指す。
・異なる種類の色相を多く用いる。
・アニメーションを多く使用する。
・画像は切り抜いて使用する。

デザイン