DESIGN WORKS
デザイン制作ギャラリー
VMateのLP、モバイル表示、サービス説明図、料金・機能訴求、管理画面モック、オンボーディング、通知UI、派生ブランド素材まで、サービス設計とUI表現をまとめた制作ギャラリーです。
- ASSETS
- 57 images
- SURFACE
- LP / Service / UI
- OUTPUT
- VMate design set
VISUAL ARCHIVE
57 production images
VMate LP / mobile hero
PC版の世界観をモバイルでも崩さず、キャッチコピーとサービス説明が自然に読めるよう再構成したヒーロービジュアル。
BOOST THRUST energy package
架空ドリンクの缶デザインとして、疾走感のあるコピーと稲妻モチーフを立体モックに展開したパッケージ案。
LIVE comments scene
配信中のコメント欄とキャラクターを組み合わせ、ライブ感と祝福ムードを一枚で伝える画面デザイン。
可及的速やかに届ける季節ビジュアル
短いキャッチコピーを主役に、淡い配色とキャラクターの表情で季節キャンペーンらしさを作った横長ビジュアル。
生誕祭ステージビジュアル
イベント会場のステージを想定し、中央スクリーンに告知画像を配置した空間演出用の制作物。
VMate 課題整理スライド
広告主とVTuber双方の不安を散らして配置し、サービスが解決する課題を一目で把握できる説明スライド。
企画から検証までの導線図
企画、掲載、応募、進行、検証までの流れを円形モチーフでつなぎ、利用ステップを視覚化した図解。
VMate 5つの特徴
相互マッチング、予算管理、候補者情報、分析レポート、無料利用を大きな番号とアイコンで整理した特徴訴求。
企業とVTuberの予算/報酬構造
企業、VTuber、VMateの間で発生する予算・報酬・情報提示の関係を矢印で示したサービスモデル図。
マッチング最適化の比較図
提示されるVTuberの偏りと採用結果の違いを上下で比較し、最適化の必要性を説明する資料用ビジュアル。
VTuberプロフィール分析カード
登録者数、活動歴、再生回数、コメント数、リスナー比率、案件相場を一画面で確認できる分析カード。
Enterprise dashboard mock
プロモーション管理、レポート、請求、利用ガイドまでを左ナビで整理した企業向け管理画面モック。
広告主向け管理画面 / dark
公開前プロモーション、お知らせ、アップデート情報を1画面で確認できる広告主向けダッシュボードのダークテーマ。
広告主向け管理画面 / light
同じ情報設計をライトテーマに展開し、通知カード、ガイド導線、ロードマップの読みやすさを確認したUI案。
インフルエンサー向け管理画面 / dark
応募・交渉中の案件、レポート、報酬、利用ガイドを整理したインフルエンサー向け管理画面のダークテーマ。
インフルエンサー向け管理画面 / light
白背景でも迷わず操作できるよう、進行ステータス、利用ガイド、通知カードの階層を抑えたライトテーマ案。
登録費用・月額費用の訴求
初期費用と月額費用が無料であること、システム手数料を30%に抑える価値を大きく伝える料金スライド。
今後のアップデート予定
2025年秋から2026年冬までのアップデート予定を、季節ごとの円形ノードでつないだロードマップ。
モニター商品サムネイル
モニター商品の特徴を画面内に重ね、レビュー記事や配信用の視認性を高めた商品紹介サムネイル。
VMate ADV app icon
広告主向け画面で使う、淡いピンクと大理石調テクスチャのVMateアプリアイコン。
VMate common app icon
共通ブランドで使う、グリーンの大理石調テクスチャを入れたVMateアプリアイコン。
VMate logo / dark
淡色背景や資料内で使う、濃色版のVMateロゴデータ。
VMate logo / light
暗色背景やヒーロー上で使う、白色版のVMateロゴデータ。
お知らせモーダル / dark
キャンペーン、機能アップデート、障害情報を切り替えられる、広告主向け通知モーダルのダーク版。
お知らせモーダル / light
同じ通知構造をライトテーマに展開し、未読切り替えとカテゴリタブの視認性を確認したUI案。
ADV gradient backdrop
ADV画面の背景やモーダル周辺で使う、紫からオレンジへ流れるブランドグラデーション素材。
オンボーディング 1 / welcome
プロモーション作成、効果測定、請求管理までを最初に案内するウェルカムステップ。
オンボーディング 2 / 新規プロモーション作成
ターゲット、スケジュール、予算を設定して公開準備へ進む流れを説明するステップカード。
オンボーディング 3 / プロモーション管理
下書き、審査中、公開前、進行中など、案件ステータスの見方を整理した操作案内。
オンボーディング 4 / レポート・分析
KPIと配信効果を確認し、フィルタや期間指定で深掘りする流れを説明したステップカード。
オンボーディング 5 / 請求管理
請求一覧、請求書ダウンロード、支払い履歴の確認までを案内する請求管理ステップ。
オンボーディング 6 / 利用ガイド・FAQ
利用ガイドとよくある質問へ接続し、初回操作後の迷いを減らす最終ステップ。
VMate common hero / city
都市背景とキャラクターを使い、VMateの「キミとシタイをつないでいく」世界観を強く出した共通ヒーロー。
広告主向けLP タイトルタイポ
「勘に頼らないデータ分析に基づくキャスティング」を大きく扱い、サービス価値をコピーだけで伝えるヒーロー用タイトル素材。
登録・初期費用無料バッジ
ヒーロー直下の信頼補強として、無料で始められることを余白のあるカードで見せる実績バッジ。
登録VTuber 500名以上バッジ
登録者規模を数字で示し、サービス利用前の安心感を補強するヒーロー向け証明バッジ。
YouTubeアカウント連携バッジ
分析データの取得元を明示し、キャスティング判断がデータに基づくことを伝えるバッジ素材。
企業とVTuberの協業ビジュアル
企業とクリエイターの接点を握手で表し、マッチングサービスとしての信頼感を補強するLP用キービジュアル。
コメント反応を見せるライブ配信シーン
配信者、コメント、投げ銭ラベルを組み合わせ、案件実施時の反応が想像しやすい画面として制作したビジュアル。
報酬条件のマッチング図解
企業側の予算感とVTuber側の応募判断を吹き出しで見せ、条件のすり合わせが必要な理由を説明する図解。
支払い・分配フロー図
企業からVMateを介して複数のクリエイターへつながる支払い構造を、アイソメ図と矢印で整理した図解。
報酬相場・案件データカード
報酬レンジ、平均再生、案件データ、登録者数を1枚に集約し、価格判断の材料を見せる資料用カード。
VTuberプロフィール分析画面
登録者数、平均再生回数、エンゲージメント率、想定相場単価、視聴者属性を並べたプロフィール分析UI。
視聴者分析ダッシュボード
年齢、地域、性別、デバイス、視聴時間の推移をまとめ、キャスティング判断に使える分析粒度を見せたUI。
直近再生回数データ
30日間の再生推移、動画別再生数、流入構成を同時に確認できる、施策検証向けの分析UI。
業界報酬相場ダッシュボード
カテゴリ、フォロワー規模、期間を条件に報酬相場を比較し、予算設計までつなげる分析UI。
ライブ配信エンゲージメントUI
ライブ画面、チャット、CVR、CTAを一体で見せ、配信中の反応と獲得導線を説明する機能訴求ビジュアル。
モバイル視聴リーチ訴求UI
スマートフォン画面とリーチ指標を組み合わせ、若年層・モバイル接触の強さを訴求するLP用ビジュアル。
VMate for CREATORS icon
クリエイター向けサービスの入り口として、濃紺の地にオレンジのVMateマークを大きく扱ったアイコン素材。
VMate for CREATORS title
クリエイター向け派生サービスの表紙やセクション見出しに使う、横長タイトルビジュアル。
VMate Influencers app icon
インフルエンサー向け領域で使う、ターコイズからラベンダーへつながるVMateアプリアイコン。
VMate Influencers icon
濃紺の背景にグラデーションのVMateマークを配置し、Influencers向けの独立感を出した大型アイコン。
VMate Influencers backdrop / dark
Influencers向け画面の背景として、深いネイビーにブルーと紫の面を重ねたダークテーマ素材。
VMate Influencers backdrop / light
同じ構図をライトテーマに展開し、白い余白と淡いブルーで軽さを出した背景素材。
Owned media main logo
VMateのオウンドメディア領域で使う、横長のメインロゴデータ。
Owned media accent logo
記事やバナー内のアクセントとして使う、丸みのある小型ロゴマーク。
Owned media favicon
オウンドメディアのタブやSNS導線で使う、青い小文字aをモチーフにしたファビコン。