foreground-image

Zaiko

  • design-icon Created with Sketch.

    デザイン - 戦略的なデザイン、モバイル・レスポンシブウェブアプリケーションデザイン、マーケティングデザイン。

  • research-icon Created with Sketch.

    リサーチ - ユーザーリサーチ、ユーザビリティ、デザイラビリティテスト。

  • development-icon Created with Sketch.

    開発 - React Nativeを使用したネイティブモバイルアプリ、Reactを使用したウェブフロントエンドアプリ、Laravel/PHPによるAPIエンジニアリング、WordPressマイクロサイトの開発。

  • サポート - Zaiko社内チームに引き渡す前のそれぞれの製品のリリース後のデザイン・エンジニアリング。

background-image background-image
  • design-icon Created with Sketch.

    デザイン - 戦略的なデザイン、モバイル・レスポンシブウェブアプリケーションデザイン、マーケティングデザイン。

  • research-icon Created with Sketch.

    リサーチ - ユーザーリサーチ、ユーザビリティ、デザイラビリティテスト。

  • development-icon Created with Sketch.

    開発 - React Nativeを使用したネイティブモバイルアプリ、Reactを使用したウェブフロントエンドアプリ、Laravel/PHPによるAPIエンジニアリング、WordPressマイクロサイトの開発。

  • サポート - Zaiko社内チームに引き渡す前のそれぞれの製品のリリース後のデザイン・エンジニアリング。

急速な成長のアシスト

数年前Zaikoが設立する前、元iFlyer.tvを運営していた頃から私たちはZaikoの創業者と一緒にプロジェクトを実施してきました。その頃からZaikoは素晴らしいチームメンバーで構成されており、スタートアップとして素早く成長しているタイミングの中、私たちはZaikoの社内チームとコラボレーションでさまざまなB2B・C2B製品を一緒に制作し始めました。

一年にわたる間、私たちはユーザーリサーチ、デザイン、エンジニアリングの幅広いスキルを駆使し、ネイティブモバイルストリーミングアプリ、ウェブ・モバイルのイベントデスカバリー機能、モバイルチケットのスキャンとチェックインツール、音楽フェス広告ウェブサイト、米国サービスの日本語ローカリゼーション、NFTマーケットプラットフォームなどのプロジェクトに取り組みました。

  • moment-house-icon
  • zaiko-encore-icon
  • iceland-airwaves-icon
  • zaiko-icon
  • iflyer-icon
  • ticket-gate-icon
  • zaiko-tv-icon
  • onefan-icon
  • in-depth-icon
hkt-49 kan-sano
zaiko-ios-and-android-app
zaiko-app-icon

Zaiko iOS・Androidアプリ

私たちの最初のタスクは、Zaikoの公式iOS・Androidアプリの初リリースの制作を進める事でした。

初期バージョンのコア機能は、数ヶ月前に社内チームによってウェブ上でリリースされた新興のZaiko Encoreのオンデマンドビデオサービスをスマフォユーザーに提供する事でした。

アプリの機能が確立されていたため、この時点では戦略的なデザイン支援を提供する必要はありませんでした。そのため、私たちはすぐにUI/UXデザインのプロセスに着手することができました。また、エンジニアリングチームもデザインプロセスと並行してアプリの技術的な基盤を構築することができました。これにより、製品を迅速にマーケットに投入するだけでなく、開発が進むにつれてコード内でデザインを反復的に改善することも可能となりました。

zaiko-ui-design zaiko-ui-design

デザイン

既存のウェブアプリケーションをネイティブモバイルのユーザーエクスペリエンスに向けて改善し、タブレット・スマートフォンで高品質なエクスペリエンスを確保しました。

zaiko-streamking-and-monthly-subscription

エンジニアリング

クロスプラットフォームの要件のため、アプリはReact Nativeを使用しています。これにより、iOS・Android両方同時に開発ができ、長期的にコスト効率の良い保守性を確保しました。さらに生産性を向上させるためReact Native用のフレームワークExpoを使用しました。

  • play

    Zaikoのコンテンツサーバーからのビデオストリーミングと著作権侵害対策認証。

  • casting

    テレビにストリーミングできるようにするGoogle Cast対応と、ネイティブのAirplay対応を追加サポート。

  • graphql

    GraphQLというウェブサービスからモバイル・ウェブアプリへのデータ転送する最新且つ柔軟的な方法を使用。

  • subscription

    「Zaiko Premium」サブスクリプションサービスのためのApp Store(iOS)とPlay Store(Android)の定期購入支払い機能。

zaiko-web-app

zaiko.io - イベント&チケットディスカバリープラットフォーム

Zaikoのネイティブアプリの初期バージョンをリリースし、Zaikoの製品提供、顧客層、技術スタックの知識を深く身につけた後、私たちは次のプロジェクトに取り掛かりました。Zaikoのオフィシャルサイト「zaiko.io」のディスカバリー機能を新しくデザインする事によりイベントチケットをもっと販売することを手助けすることと、その機能をリリースしたiOS・Androidアプリに導入しました。

デザイン

このプロジェクトは、以下のような戦略的デザイン、リサーチ、UX/UIデザインの幅広いスキルを活用する機会を提供しました。

  • ユーザーリサーチ

  • 製品のロードマップの作成

  • ユーザーフローとUIデザイン

  • 使いやすさとデザイラビリティテスト

主要な技術

  • PHPベースのウェブサービス(LaravelとLighthouse)のためのGraphQL APIエンジニアリング

  • React Native Webを使用した新しいウェブアプリケーション

  • React Nativeモバイルアプリケーションの追加機能

zaiko-premium

その他のプロジェクト

上記に加えて、私たちのチームメンバーはさまざまな方法でZaikoの他のビジネスニーズをサポートしてきました。

ticket-gate
ticket-gate-icon

Ticketgate

イベント主催者が参加者を受け入れる際に使用するためのiOSおよびAndroidアプリ。このアプリは、チケットのQRコードをカメラでスキャンして使用するか、参加者の詳細を手動で検索し、「チェックイン」ボタンをタップして登録することができます。

ticket-gate-background
in-depth-icon
iceland-airwaves-icon

音楽フェス広告ウェブサイト

さまざまな国際音楽フェスをストリーミング技術により日本の観客に提供するプロジェクトに関与していました。日本上陸に向けてのマーケティングウェブサイトのデザイン・開発を行いました。

in-depth-and-iceland-airwaves
iceland-airwaves-background
onefan
onefan-icon

OneFan - アーティストやファン向けのNFTマーケットプレイス

プラットフォームのUIデザインや開発のサポートを提供しました。エンジニアリングはZaikoの社内チームに引き渡されました。

onefan-background

米国ストリーミングサービスの日本語ローカリゼーション

Zaikoは、米国イベント制作、およびストリーミングサービスから日本へコンテンツを提供する関係を築いており、それに関してサポートしました。共有できる詳細に制限がありますが、私たちはZaikoチームとコラボレーションし、ローカライズされたウェブサイトのデザイン、Wordpressの開発をしました。

moment-house-events

他のプロジェクト

一緒に働きませんか?

プロジェクトに関するご相談やご質問など、お気軽にお問い合わせください。