第2弾 “Show-Tell”デザイン発表会 | 最先端のUXデザイン論

皆さん、こんにちは！”Show&Tell”のブログ記事を担当するPinです☺︎

段々と肌寒くなり、秋の季節がやってきましたね。

さて、今回はARCHECOデザイナーのデザインワーク（以下目次）についてご紹介いたします。

バーチャルカンパニーインフラサービスのUIデザイン（梅野,Kaya）
デザインワークショップ（デザイナーチーム）

実際にリリースしたデザインもあるので要チェックです。

まずは、バーチャルカンパニーのインフラサービスのUIデザインを行った梅野&Kayaチームです。

梅野）Uuorkは2019年に発足したプロジェクトで、2019年11月に米国にてUuork inc.を設立しています。そしてバーチャルカンパニーの中で優れたアウトプットを作っていくことを目指すインフラサービスを構築しました。

またバーチャルカンパニーのコンセプトは、withコロナの社会でオンライン上でも様々なコミュニティに属する世界中の人たちとコラボレーションをするため、現在所属する組織やコミュニティとは別の組織を「バーチャルカンパニー」として仮想的に作ることです。

今回私たちは、バーチャルカンパニー作成をサポートしてくれるUIを作成しました。今回はデザインや開発、テストをした後に発生した追加画面のフェーズをお手伝いしています。

まずは私の作成画面の説明です。

◆会社プロフィール画面

カンパニーのホーム画面では、所属するカンパニーのレベルに応じてリッチになっていき、レベルを上げるほど魅力的にカンパニーをPRできる仕様になっています。

上から順に会社の紹介動画＞TO DO＞会社紹介やメンバー、レベルが表示され、サイドカラムにはプロジェクトのピッチ資料がやアドバイザーなどのメンバーも閲覧できます。

会社プロフィール画面

ちなみに、会社紹介やメンバー/レベル背景のビルはランクごとに進化していきます。

背景のビル

◆レベルアップチャレンジ画面

こちらはレベルアップチャレンジ画面の1つです。レベルアップチャレンジはカンパニーとしてレベル達成の要件を意識しレベルをメンバー間で上げることで、オンライン上でも様々なメンバーが同じ目標をもってコラボレーションするように支援する仕掛けです。

またここでは自分の経歴などを記入してもらい、自分が何をしてきたのかを把握できる仕様になっています。（ex.大学入学時期など）

レベルアップチャレンジ画面

◆自己プロフィール画面

自己プロフィール画面では、オンライン上で理解が難しい課題に対してバーチャルカンパニー内のメンバー間の理解を促進するための工夫として、アバターの設定やカジュアルな自己紹介をしたくなるようなUIを意識しています。その下には将来のやりたいことやスキルなども表示しています。

自己プロフィール画面

全体的な感想は、ゲーム風なUIを目指していたためその実現に苦戦しました。しかしディレクションの方にサポートして頂いたおかげでとても勉強になりました。

Kaya）私はオンラインEXPOのTOP画面と詳細画面を担当しました。オンラインEXPOでは、”オンライン上で作られた様々なバーチャルカンパニーが自身のビジネスの説明やアピールをする機会を提供することで、新たなビジネス機会やメンバー参加を促すための場を作りたい。”という思いからこの機能が作られています。

◆TOP画面（オンラインEXPO）

最初は全体的に白っぽく明るい雰囲気を作るように心掛けました。

アイキャッチ部分にはUuorkのisometricのイラストを入れ、下にはカレンダー＞セミナー時間＞コンタクト＞webサイトへのリンクを順に表示しています。