Webサイト制作実績(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績

ワンコネクト様

”デビューへの期待感”×”企業としての安心感”を訴求するデザイン構成と戦略的な導線設計により、応募を後押し

クライアント ワンコネクト様(東京都 新宿区)
制作プラン Meta定額制30プラン
カテゴリ サービスサイト コーポレートサイト・事務所 芸能
URL https://vonepro.com/
制作チーム
  • ディレクション
    M.Nakamura

  • Webデザイン
    M.Nakamura

  • システム
    R.Takimoto

  • マーケティング
    K.Hashiba

  • ライター
    M.Takaoka

POINT

制作のポイント

“オンリーワンを目指そう!”をモットーに誕生したVtuber事務所「ぶいわん」の運営元である、ワンコネクト様のサービスサイトを新規作成しました。

今回、新規作成の主要な目的として、「オーディションの応募を強化したい」というご要望をいただきました。そのため、「Vtuberオーディション」ページの下層に、「ぶいわんのここがすごい」というページを作成しております。こちらのページでは、「安定した法人運営」や「初期のキービジュアル・Vモデルの無償提供」といったお客様ならではの強みを、弊社のプロのライターが魅力的なキャッチコピーと分かりやすい文章でリッチに掲載いたしました。

さらに、デビュー後のサポート体制や活動内容など、ワクワクするような未来を具体的に思い描けるコンテンツも設けております。そうすることで、Vtuberを目指すユーザーが「この事務所なら、安心して自分の夢が叶えられる」と感じられ、応募への後押しとなる構成に仕上げました。

ディレクション
M.Nakamura

今回、新規作成の主要な目的として、「オーディションの応募を強化したい」というご要望をいただきました。そのため、画面の大きなPCサイトの特長を活かして、メインビジュアルにオーディションのイメージキャラクターを大きく配置しています。輝くステージの上で、堂々と笑顔で歌う姿が描かれたイラストには、「あなたらしく輝けるステージで、心あたたまる出会いと成長が待っている!」というキャッチコピーの想いを、より力強く視覚的に伝える効果がございます。

Webデザイン
M.Nakamura

「Vtuberとして活躍したい方」「元々アイドルを目指していて、Vtuberに興味を持った方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、「Vtuberオーディション」ページへの導線ボタンを、アクセントカラーのピンクでデザインし、グローバルメニューに固定表示しております。そうすることで、応募を考えているユーザーが「この事務所で、Vtuberとしてデビューしたい!」と思ったタイミングで、スムーズにオーディションの詳細情報を確認できる導線設計に仕上げました。

また、「Vtuberオーディション」ページでは、画面下部にエントリーボタンを固定表示しています。「実績に裏打ちされた豊富なノウハウ」や「準備期間の丁寧なフォロー体制」などのお客様ならではの特長や「デビューまでの流れ」を確認し、応募の意思が固まった際に、すぐにエントリーできる導線設計を実現しました。

Webデザイン
M.Nakamura

デザイン面では、ユーザーがワクワクするような工夫を随所に取り入れています。たとえば、「Vtuberオーディション」ページに掲載している「オーディションに合格したら」や「デビューまでの流れ」というコンテンツには、それぞれの内容が視覚的にイメージできる可愛らしいSDイラストを配置しました。オーディションのイメージキャラクターを活用することで、デビューへのワクワク感やVtuberという職業への親近感を演出する、お客様ならではのオリジナリティあふれるデザインとなっています。

エンジニア
R.Takimoto

システム面では、それぞれのVtuberのキービジュアルや個性を紹介できる「所属Vtuber」をオリジナルCMSで自社開発いたしました。こちらのCMSでは、「デビュー日」「誕生日」「特技・趣味」など、Vtuberごとに掲載したいテーマに合わせて、自由にカテゴリを追加できるシステム設計となっています。また、全身のキービジュアルも登録でき、ページの背景カラーも変更できるため、それぞれのVtuberの魅力や世界観を視覚的に伝えるコンテンツに仕上げました。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PCUI/UX設計、SPUI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧