急速な成長のアシスト
数年前Zaikoが設立する前、元iFlyer.tvを運営していた頃から私たちはZaikoの創業者と一緒にプロジェクトを実施してきました。その頃からZaikoは素晴らしいチームメンバーで構成されており、スタートアップとして素早く成長しているタイミングの中、私たちはZaikoの社内チームとコラボレーションでさまざまなB2B・C2B製品を一緒に制作し始めました。
一年にわたる間、私たちはユーザーリサーチ、デザイン、エンジニアリングの幅広いスキルを駆使し、ネイティブモバイルストリーミングアプリ、ウェブ・モバイルのイベントデスカバリー機能、モバイルチケットのスキャンとチェックインツール、音楽フェス広告ウェブサイト、米国サービスの日本語ローカリゼーション、NFTマーケットプラットフォームなどのプロジェクトに取り組みました。
![hkt-49](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/hkt48.jpg)
![kan-sano](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/kan-sano.jpg)
![zaiko-ios-and-android-app](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/ios-and-android-app-2.png)
Zaiko iOS・Androidアプリ
私たちの最初のタスクは、Zaikoの公式iOS・Androidアプリの初リリースの制作を進める事でした。
初期バージョンのコア機能は、数ヶ月前に社内チームによってウェブ上でリリースされた新興のZaiko Encoreのオンデマンドビデオサービスをスマフォユーザーに提供する事でした。
アプリの機能が確立されていたため、この時点では戦略的なデザイン支援を提供する必要はありませんでした。そのため、私たちはすぐにUI/UXデザインのプロセスに着手することができました。また、エンジニアリングチームもデザインプロセスと並行してアプリの技術的な基盤を構築することができました。これにより、製品を迅速にマーケットに投入するだけでなく、開発が進むにつれてコード内でデザインを反復的に改善することも可能となりました。
![zaiko-ui-design](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/ui-design.png)
![zaiko-ui-design](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/ui-design-mobile.png)
デザイン
既存のウェブアプリケーションをネイティブモバイルのユーザーエクスペリエンスに向けて改善し、タブレット・スマートフォンで高品質なエクスペリエンスを確保しました。
![zaiko-streamking-and-monthly-subscription](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/streaming-and-monthly-subscription.png)
エンジニアリング
クロスプラットフォームの要件のため、アプリはReact Nativeを使用しています。これにより、iOS・Android両方同時に開発ができ、長期的にコスト効率の良い保守性を確保しました。さらに生産性を向上させるためReact Native用のフレームワークExpoを使用しました。
-
Zaikoのコンテンツサーバーからのビデオストリーミングと著作権侵害対策認証。
-
テレビにストリーミングできるようにするGoogle Cast対応と、ネイティブのAirplay対応を追加サポート。
-
GraphQLというウェブサービスからモバイル・ウェブアプリへのデータ転送する最新且つ柔軟的な方法を使用。
-
「Zaiko Premium」サブスクリプションサービスのためのApp Store(iOS)とPlay Store(Android)の定期購入支払い機能。
![zaiko-web-app](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/zaiko-website.png)
zaiko.io - イベント&チケットディスカバリープラットフォーム
Zaikoのネイティブアプリの初期バージョンをリリースし、Zaikoの製品提供、顧客層、技術スタックの知識を深く身につけた後、私たちは次のプロジェクトに取り掛かりました。Zaikoのオフィシャルサイト「zaiko.io」のディスカバリー機能を新しくデザインする事によりイベントチケットをもっと販売することを手助けすることと、その機能をリリースしたiOS・Androidアプリに導入しました。
デザイン
このプロジェクトは、以下のような戦略的デザイン、リサーチ、UX/UIデザインの幅広いスキルを活用する機会を提供しました。
ユーザーリサーチ
製品のロードマップの作成
ユーザーフローとUIデザイン
使いやすさとデザイラビリティテスト
主要な技術
PHPベースのウェブサービス(LaravelとLighthouse)のためのGraphQL APIエンジニアリング
React Native Webを使用した新しいウェブアプリケーション
React Nativeモバイルアプリケーションの追加機能
![zaiko-premium](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/zaiko-premium.png)
その他のプロジェクト
上記に加えて、私たちのチームメンバーはさまざまな方法でZaikoの他のビジネスニーズをサポートしてきました。
![ticket-gate](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/ticket-gate.png)
Ticketgate
イベント主催者が参加者を受け入れる際に使用するためのiOSおよびAndroidアプリ。このアプリは、チケットのQRコードをカメラでスキャンして使用するか、参加者の詳細を手動で検索し、「チェックイン」ボタンをタップして登録することができます。
![ticket-gate-background](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/ticket-gate-background.jpg)
音楽フェス広告ウェブサイト
さまざまな国際音楽フェスをストリーミング技術により日本の観客に提供するプロジェクトに関与していました。日本上陸に向けてのマーケティングウェブサイトのデザイン・開発を行いました。
![in-depth-and-iceland-airwaves](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/in-depth-and-iceland-airwaves.png)
![iceland-airwaves-background](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/iceland-airwaves-background.jpg)
![onefan](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/onefan-1.png)
OneFan - アーティストやファン向けのNFTマーケットプレイス
プラットフォームのUIデザインや開発のサポートを提供しました。エンジニアリングはZaikoの社内チームに引き渡されました。
![onefan-background](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/onefan-background.jpg)
米国ストリーミングサービスの日本語ローカリゼーション
Zaikoは、米国イベント制作、およびストリーミングサービスから日本へコンテンツを提供する関係を築いており、それに関してサポートしました。共有できる詳細に制限がありますが、私たちはZaikoチームとコラボレーションし、ローカライズされたウェブサイトのデザイン、Wordpressの開発をしました。
![moment-house-events](https://www.tacchistudios.com/wp-content/themes/tacchi-studios-wordpress/images/case-study-zaiko/moment-house-japan-events.png)