飯島 美咲's Portfolio

ボーカル教室「I'm From Vocal Japan」のWebサービスサイト

※実際のボーカル教室のHPとして使用していただくこととなりました。

※2025年2月にサイトを公開しました。

サイトページへ ▸

※以下は自主制作の際に制作した3ページ分の情報となります。

(トップページ/システム・料金ページ/お問合せページ)

制作期間

2024.07.27～08.27（32日間）

作業範囲

情報収集(15h)
企画・コンセプト立案(10h)
ワイヤーフレーム(15h)
デザイン(35h)
素材収集(10h)
HTML(10h)
CSS(25h)
アニメーション(20h)
レスポンシブ(10h)

クライアント

●高クオリティなレッスンが受けられるK-POP特化型ボーカル教室。

●韓国芸能事務所のオーディションも開催され、デビューという夢への第 一歩に繋がる。

ターゲット

●性別：デビューの道につながるボーカルスクールを探している男女

●年齢層：10~50代(本人又はその保護者)

●パソコンスキル：細かな使用や検索が可能

サイトの達成目標

●入会相談申し込み

●LINEお問い合わせ

●特徴やシステムを知ってもらう

コンセプトシート

デザインカンプ

デザインについて

プロのボーカル講師が指導にあたる本格的なレッスンのイメージが伝わるよう、ベースカラーにブラックを使用し、配色でプロフェッショナル感を表現しました。

夢に対する希望を持てるようなサイトになるよう、オーディション情報やデビューまでの道についてなど、コンテンツの内容やレイアウトを意識して制作しました。

カラー

使用ツール

Illustrator / Photoshop / Figma / Visual Studio Code

サイト公開にあたり準備したこと

• ●写真撮影
   ㄴファーストビュー画像、スタジオ写真
• ●5ページ分コンテンツ追加
• ●トップ画面デザイン変更
• ●オープニングアニメーション追加
• ●サーバー/ドメイン契約
• ●リダイレクト設定(URLの統一)
• ●Googleタグマネージャー設置
   ㄴ(Analytics/Search Consoleアカウント作成)
• ●XMLサイトマップの設置
• ●お問合せ遷移先のメニュー画像作成
   ㄴ(公式LINEのリッチメニュー)
   ㄴ面談予約への誘導のため