Masako’s portfolio

Works

Webサイト制作音楽レッスンマッチングサービス
mikke

mikke_website_top
サイトへ
制作概要
音楽レッスンマッチングサービス「mikke」(https://mikke-music.jp/)のWEB広告配信用LP。
広告配信用バナーのリンク先として設定。
課題・目的
サービスを開始してから時間が経っておらず、会員数の増加に課題があった。
会員数増加を目的として行ったWEB広告配信の遷移先としてLPを制作。
ターゲットユーザー
音楽経験者で現在音楽を習いたいと考えている、もしくは未経験だが音楽に興味があり音楽を習いたいと考えている男女
ペルソナ
28歳、女性、都内在住、メーカー勤務
休日はカフェ巡りや友人と食事などをして過ごすことが多い。
コロナ禍で家にいる時間も増えたため、動画配信サービスを利用して映画やドラマを見る機会も増えた。
リモートワークになったことで時間に余裕ができたため、新しい趣味を見つけたいと思うようになった。以前から音楽に興味があり、楽器を習いたいと考えている。
制作意図

【訴求内容のポイント】
サービス開始間もなくユーザーからの認知がほとんどない状態のため、
LPを見たユーザーにサービス内容への理解を深めてもらう、また、自身が利用しているイメージを持つことで利用意向を高めてもらい、最終的に会員登録に繋がることを意識して制作した。

ページの構成は以下の通り。

・TOP(ファーストビュー)
サービスの概要をファーストビューに掲載。
サービス概要は既にバナーでも訴求しているため、LP下部にコンテンツとして独立させずファーストビューに記載した。

・特徴
サービスの特徴を4つに分けて記載。
強みである「習える楽器の種類や講師数が多く、カリキュラムや時間場所も自由度が高いためユーザーのニーズとマッチしやすいこと」を細分化して記載することで、 バナーやLP遷移時のファーストビューで興味を持ったユーザーに対してより深くサービスを理解してもらえるようにした。

・取り扱い楽器
レッスン受講可能な楽器の一覧。
楽器の種類が豊富な点はバナーや、LP上部の「特徴」の箇所でも訴求をしているが、サービスへの理解を深めてもらうため、 またユーザーが自身の習いたい楽器とのミスマッチがないよう、具体的にどのような楽器が習えるのかを一覧で記載した。

・選べるプラン
ユーザーの状況に合わせた受講プランの例を記載。
楽器の経験有無に関わらず受講可能な点はバナーや、LP上部の「特徴」の箇所でも訴求をしているが、
ユーザーに具体的な利用イメージを持ってもらうため、経験者と未経験者それぞれのプラン例を記載した。
また、経験者でも以前とは違う楽器を習いたいケースや、オンラインで受講を希望しているケースも想定した内容も盛り込んだ。

・受講の流れ
会員登録後から実際にレッスンを受けるまでの流れを記載。
LP上部のコンテンツでサービスへの理解を深めてもらった上で、実際に利用する際の具体的なイメージを持ってもらい利用意向を高めるために、 レッスン受講までの流れを記載した。

・よくあるご質問
上部のコンテンツで盛り込みきれなかった点や、上部のコンテンツの内容をより深掘った点のうち、特にユーザーが気になると思われるものを複数ピックアップし記載。
LP上部のコンテンツを閲覧したユーザーが不安に思っていることや疑問に思っていることを少しでも解決し、会員登録に繋げるために記載した。

【デザインのポイント】
広告配信バナーから本LPに遷移するため、バナーを見て興味を持ったユーザーとのミスマッチが起こらないよう、カラーや全体の雰囲気はバナーと統一感を持たせた。

・本LPを見て会員登録を行ったユーザーは、登録後に本サイト(https://mikke-music.jp/)にてレッスンの検索等を行うため、本サイトとの統一感も意識した。

・理解促進や利用イメージが湧きやすいよう、文字だけでなくイラストも多く用いた。

・音楽レッスンという新しい体験に対して明るいイメージを想起させるため、全体的にポップさを持たせた。

制作範囲
サイトデザイン/コーディング
使用ツール
Figma/Photoshop(サイトデザイン)
Atom(コーディング)
デザイン
  • design_pc
  • design_sp