スタートアップサポート
ミラティブキャチャー
Mirrativ, Inc.
スマートフォン配信サービス、Mirrativ。配信中にユーザー同士でプレイできるオンラインクレーンゲームを共に開発。株式会社ミラティブの社内新規事業のクリエイティブサポートを行いました。
![](https://raywarp.com/wp/wp-content/uploads/2023/08/mirrativ_cover.webp)
Service Design
限られたリソースでの開発
Mirrarivの配信サービスとは別に新規事業のメンバーで開発を行いました。トータルすると10人もいません。アルファテストでの効果測定も要件であるためコストパフォーマンスを意識した開発が必要になります。
私たちはサービスのWEB体験のデザイン、クレーンゲーム筺体のデザインアドバイザーを担当。構成や要件定義を待つのではなく、作りながら考えるスタイルでスピード感を意識しました。
![](https://raywarp.com/wp/wp-content/uploads/2023/08/fc8280b407d15164056c9402b3d70288.jpg)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/a85b27c086dac045e489d72c2ac7d641.png)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/29be88b643b85c19d01cbbce489eeb42.jpg)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/44a5a51739ece08043d9b301df12cefa.jpg)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/eb00c5b79471b70b77874671d29bff23.jpg)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/8ce0d4436ab17de22fa26f586829073e.jpg)
工数優先でもクリエイティブは諦めない
Mirrativのユーザーは動きの楽しい配信画面からクレーンゲームへ遷移します。この画面が質素ではサービスの体験として一貫性がありません。そこでUI内に配置される画像をアニメーションできるようにしました。APNG(アニメーションするPNG画像)を利用することでフロントエンド側は画像1枚を挿入するだけのシンプルな実装とにります。
![](https://raywarp.com/wp/wp-content/uploads/2023/08/splash.png)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/59083c6e20d3c609598c1118d26780f1.png)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/490595e551575197c62126cadcecbcd0.png)
![](https://raywarp.com/wp/wp-content/uploads/2023/08/920a389a30f49a6008fbfd8c9d1c8a3d.png)
缶バッチ
クレーンゲーム内で獲得できる缶バッチのデザインも行いました。
![](https://raywarp.com/wp/wp-content/uploads/2023/08/mirrativ_badge.webp)
Logo Design
![](https://raywarp.com/wp/wp-content/uploads/2023/08/mirrativ_logo_01.webp)
Team
- UI Design & Animation
- Shiiho Furukawa (Raywarp)
- Logo Design
- Shumpei Yoshitsugu (VEMO)
Detail
- Launch
- March 2020