コミュニケーションが活性化！バーチャル空間「oVice」のゲーム風背景を依頼したその全プロセス公開（発注者視点）

投稿日 2021 年 9 月 27 日
更新日 2021 年 11 月 30 日
著者カッシー（樫本祐輝）
カテゴリーデザイン
カテゴリー制作・技術

僕が運営する「フリーランスクリエイターギルド TheCreative」はもともと大阪・東京のオフラインを中心とした会員制コミュニティでした。

しかし、コロナ禍によって現地開催が難しくなり、オンライン化を進めてみるものの次のような課題が有りました。

イベントごとがないと人が集まる機会がない
話すのにZoomのURLを発行してとあまり気軽にできない
非公式の場が生まれにくい（たまたま席が隣の人にはじめまして～とか帰り道が一緒で話すとか）
オフラインと比べて会員同士の会話が生まれにくく活性化しない

などなど結果としてコミュニティとしての価値が落ちていってるなーと感じていました。

そんな時に出会ったのが「oVice」というバーチャル空間サービスです。
取引先が使っていて、招待されて良いなと感じたので導入することにしました。

この記事では、その「oVice」のオリジナルの背景を依頼して制作頂くまでのプロセスをご紹介したいと思います。

oViceとは？

バーチャルオフィスサービスです。ログインすると自分のアイコンがあり、アイコンの距離によって聞こえる音量が違うという割とシンプルなサービスです。実際にログインしてもらうとすぐに使い方は分かるでしょう。

詳しくは公式の使い方の動画があるのでこちらをご覧いただくと良いかなと。

ZoomやSlackだけではコミュニケーションが足りない

Zoomは非常に便利なツールです。
しかし、それはビジネスを目的としたミーティングなどです。

複数人で利用するためには有料アカウントが必要になりますが、ミーティングする度に有料アカウントを持つ方がURLを発行して参加します。

ビジネスのミーティングであれば「始まりと終わり」があることはとてもいいことです。
ですが、会社も含めたコミュニティの活性化のためには「たまたま居合わせた」「ミーティング後もちょっと喋りたい」「井戸端会議、給湯室会議的な場」などが必要ですが、Zoomの場合はどうしても「公式の場」という空気感があり、また「カメラをオンにする」が強制じゃないにも関わらずオンにしないといけない空気感があります。

似たようなツールでDiscordも導入していましたが、すでに導入済みのSlackと若干かぶる機能も多いので頭を悩ましていました。

もちろんZoomと合わせてSlackだけでもコミュニケーションはあるのですが、「文章を考えて送る」「同じチャンネルの人に見られる」といったハードルがあるので気軽に相手に声をかけられる要素が必要不可欠でした。

oViceを導入してよかったこと　

実際に導入して２ヶ月足らずですが次のような効果がありました。

「ちょっとoViceで喋りましょうか」とざっくりした打ち合わせがしやすくなった
「○時から○時ぐらいまで居るから声かけて」みたいなことができるようになった
「ちょっと隣のミーティングの温度感見てくる」ができるようになった
打ち合わせが終わった後「○○ちょっと良いですか？」ができるようになった
「気がついたら○○さんと長いこと話しちゃった」ができるようになった
「○○さんと○○さんが話ししてる。どんな話をしてるんだろう」ができるようになった
デフォルトカメラオフということもあり、Zoomに比べて疲労度が減った
Zoomのホストじゃなくても場をコントロールしたり補い合えるようになった
ちょっとした作業集中しにきたみたいな作業のオンオフに

ようは「コミュニケーションの活性化」にとても貢献してくれたということです。

一番最初だけ「どうやって使うの？」とかスマホでログインするとドラッグできると勘違いして「動けない！」とか混乱する人も多かったですが、すぐに慣れてもらえました。

一つ一つは小さいものかもしれませんが、その小さなコミュニケーションの積み重ねが信頼や人となりを知る機会になります。

デメリットはそれほど多いとは思わないのですが、ブラウザサービスであるためかZoomと比べるとノイズキャンセルなどの機能はどうしても限られる印象です。

ワークショップもしやすい

ブレスト系のワークショップの定番である「ワールドカフェ」という手法があるのですが、これまでZoomではどうしようかとイメージが湧きませんでしたが、oViceならできそうということで開催しました。

実際にやってみた感想としては運営が分からないとコメントしてくれた人にフォローいったり、途中参加の人に軽く説明してワークに合流してもらったりとかなりスムーズでした。これならワークショップできる！！

ちなみに下記の付箋を張ったりはコラボレーションツール「Miro」を使いました。

miroの付箋貼っていく作業も凄いことなったおります。　#フリカレ pic.twitter.com/QZLufKWpg8
— カッシー@クリエイター祭り11/6 (@strive) September 11, 2021

見積用に作成した仕様書（指示書）

さて、この記事の本題であるoVice背景作成に入っていきますね。
oViceにはテンプレートがたくさんあり、わざわざオリジナル背景を作成しなくても十分すぎるバリエーションがあります。

しかし、僕らはクリエイターのコミュニティ！テンプレのままでは我慢できません（笑

せっかく「ギルド」と名乗っているのでルイーダの酒場っぽいというか、なろう系に出てくる冒険者ギルド、漫画フェアリーテイルのギルドみたいな空間にしたいとゲーム系の背景を作ることにしました。

ベースにしようと考えたのは、イメージに近かったこちらの背景テンプレートです。

最初、こちらの背景を使っていたのですが次のような問題点がありました。

テーブルが少ない
屋外スペースが狭くて使えず勿体ない
階段が大きく、居座りづらい。階段上スペースも勿体ない
会議室のエリアと部屋の領域が合ってない
カウンターの店員側が広すぎる
画像一番下にある壁エリアが勿体ない

など不便な理由から色々と試行錯誤し、使い勝手を考えた次のような仕様を作りました。

まずはクリエイターが見積ができそうな仕様書を作成。実際にoViceに設定してテーブルの距離の微調整もしました。

特徴を紹介していくと

左上ロゴエリアには給湯室的なスペース
初期ログインエリアには「転生魔法陣」
画像に直接書き込む「黒板」エリア
登壇するっぽい雰囲気を出せる「壇上エリア」＋ロゴ付き
なるべく感覚を広くして配置したテーブルセットｘ６
自社サービスの名前をつけた会議室
ひっそり独りでくつろぐ「階段上のイス」
左上魔法陣の上に隠れて話をする給湯室的なスペース

と、色々と考えを盛り込みました。この仕様を元に見積もりをしていくことにしました。

普段ディレクションをしてて感じることは「可能な限り仕様を決めておくとより明確な金額・スケジュールを出してもらえる」ことです。

どうやってクリエイターを探すのか？

普通のクライアントワークであれば誰かしらの紹介や、その道専門でWebサイトやSNSで知名度がある方にお願いしたりします。

しかし、今回は身内用のコンテンツということもあり、少額の予算からココナラで探すことにしました。

当初「ドット絵」で検索してみたところ、キャラクターの方がばかりが検索結果にでてきたので、「ドット絵背景」で一旦絞り込み、その中から今回のテイストに合いそうなクリエイターさんを探しました。

結果、KUNAGISAさんにお願いしたい見積をご相談。初音ミク好きとしてはカバー画像がボカロなのもポイント高いですね（ぇ

しかし、一応実績を見てみようということで詳細を見てみると数は多くないですがヘッダー画像と同じように十分依頼をこなせるスキルをお持ちと判断できたので見積を相談することに。

仕様書を元にスケジュール・金額を相談したところ、希望通りでいけそうということで正式に依頼させていただきました。

ここからはKUNAGISAさんにご許可をいただき、制作プロセスをご紹介したいと思います。

背景制作プロセス〜初稿から完成後まで〜

依頼時のオーダー内容は次のとおりでした。oViceというツールの背景を依頼しても大丈夫ですか？と簡単な説明をしてOKを頂いたので上述の仕様書（指示書）に加えて詳細な情報を用意しました。

KUNAGISAさま
株式会社クリエイティブユニバースの樫本です。
お願いしたい仕様をまとめましたのでご確認お願いします。

添付ファイル１：作成をお願いしたい仕様
添付ファイル２：現在使っている雰囲気

【目的】
弊社サービス「フリーランスクリエイターギルドTheCreative」にて交流に使っているバーチャルオフィス「oVice」のゲームのRPG・ギルド風の背景画像を作成したい
キーワード：RPG ギルド木の家屋内ルイーダの酒場フェアリーテイルのギルド感
※ギルドのメインカラーは青緑なんですが、RPG感と相性が悪そうなので一旦なしで。

【納品形式】
GIF（256色）※アニメーションにする必要はありません。

【表示サイズ】
1200 x 640 px

【oViceに関する補足】
・厳密なピクセルは赤色の線だけ注意していただいて、それ以外は多少の位置・大小などの調整は許容範囲です。
・ただ、室内に各配置されている丸テーブル＋イス４の大きさと配置はおおよそ維持して欲しい
・画面左上の操作不可能エリアはoViceのロゴが配置されており侵入不可能エリア
・画面左上の魔法陣は初期ログイン位置
・画面左下の赤枠は掲示板オブジェクトを設置。ただしログイン時に一瞬映ったりするので遊び心で宝箱など遊び要素配置しておきたい。
・画面右は会議室エリアとなり、クリックしたら入室という扱いになるので操作不可エリア
・一番大きな会議室「フリカレ」の部屋のイスは操作可能エリアと比べて縮小などは問題ない。
・「フリラボ」の部屋は悩んでるので「こういうのよくないですか？」とか提案あれば検討の余地あり。
・３つの会議室のマットには自社のサービスのロゴを設定する予定（変わる可能性もあるので納品後にこちらで作業）
・登壇エリアのロゴ背景を赤色のカーテンとかにすると、地面が赤っぽいと違和感あるかなーと思っているので相性の良い床の色検討したい。
・カウンター後ろの黒板と書いてあるやつは、現行イメージの「バーチャルがっしゅく」とか書いてあるエリアのこと

以上、ご確認よろしくお願いします。

※実際に使っている画像は人の名前がたくさんあったり、個人的な著作物が映ってたりとここでは公開なしでお願いします。