Entertainment

JoyJoi

JoyJoi, a handshaking virtual platform that transforms the idol meeting experience. The place where fans can meet their favourite idols in Japan in a simulated reality.
The first online fan platform of it’s kind built in Flutter - a solution that supports tens of thousands of users, connected at the same time, even in video calls.
null
null

overview

JoyJoi was born as an idea of Pulse by IGNIS, a mature company working in the entertainment industry. JoyJoi is helping idols and fans in Japan reach each other and meet via video call during the COVID-19 global pandemic. Since all event places have been closed in Japan since March 2020, Pulse by IGNIS decided to move forward and keep the connection between the fans and their group VoyzBoyz. It is a virtual handshaking platform where fans can purchase tickets to meet with their favourite idols from the band. The platform was made in a way to simulate reality fully.

challenges

Pulse had enormous plans for the group to organize big events/concerts around Japan, meet with fans and deliver the best songs on the market. Nobody around the globe expected was the global pandemics which this type of business was one of those that were hit the hardest.

solution

The solution we've created was a custom-built platform that makes the virtual handshaking events with idols a unique, quick and seamless experience for the fans.

Technology and tools


Java SpringBoot Angular 10 Flutter JS CSS HTML AWS Git oAuth

Backend

Web Factory's team developed the backend with the help of Spring Boot. As our framework of choice, we use standard components and practices regardless of the product domain. These common components include emailing and push notifications, identity and access management, JWT auth, and various other production-ready and development modules - which you can use as-is and customize them or copy and change (due to legal reasons). We used most of these to kickstart the development process.


Front-end

The front-end application follows the same practices as the backend regarding organization and terminology. We wrote a modular and flexible Angular 10+ application using TypeScript. Here, we have also included the back-office application (aka admin panel). The mobile application was developed using the cross-platform framework Flutter. It was a great experience. However, there were few things we had to do in native code in iOS and Android - namely, to handle the intricacies of the video call experience.


QA

The QA team was responsible for some significant test cases that made us think about approaching product and technical development. The automated test cases were part of the QA process, which was highly valued and appreciated by the Web Factory and Pulse by IGNIS teams.

Project kick-off with front-end and backend applications. 

Initial team setup of 10 people

Business analysis and product definition in a tight collaboration with Pulse

Wireframe proposals revision and improvements

 in multiple iterations for achieving a very intuitive product. 

Introduction of mobile applications for the fans

Scope changes based on user base analysis

Team growth and forming a team dedicated for mobile. Moving forward with Flutter as a stable and new cross-platform

Development phase, QA testing & UI

Multiple testing sessions on Web Factory and Pulse’s side for gathering feedback for refinement

Stabilization phase, manual and automated testing. Production and Staging setup

Analysis of the feedback from the testing sessions, scope changes and implementation of improvements

Initial launch and first sessions on production with great results. 

Stable and reliable system with ~99% rate in successful video calls for all users. Client extremely satisfied and confirmed to continue using the system for future sessions

Team Formation

The most important factor for the successful project was establishing a team which was carefully selected to match the project needs. The team of 15 amazing professionals that covered the PM, Development, UX/UI, DevOps and QA, made sure we delivered an outstanding product for Pulse.

Todor Panev

Single point of contact

null

results


We delivered a brand new product for Pulse in given circumstances, requiring the team to work quickly and in an agile fashion while maintaining very high-quality standards. More importantly, we built a strong team that has remained engaged and delivered exceptional value daily, with a desired outcome for the client - transforming their users' experience.

The benefit of having access to and collaborating with domain experts while developing a solution is immense. And that was the case for this project. The product development was done as a collaboration between the Web Factory and Pulse by IGNIS teams.

This made it possible for engineers to translate the domain knowledge and rules into code. We have components, besides others, for scheduling [events], ticket verification, past appointments' review, and most importantly for this product, handshaking - the core domain which drives the real-time 1on1 video experience that allows fans to interact with their idols. There was a very stable common ground on which both Web Factory and Pulse by IGNIS team stood, and we were confident the collaboration and development would go smoothly.

Dedicated team of 15 people


Architecture and solution provided in no time

Front-end application developed for Admins, Idols, Fans, Managers. Backend system with API for frontend and mobile support

AWS infrastructure setup


Multilayer security


UI/UX with product development developed together with Pulse. Full UI from Web Factory.

Application ready for cross country usage and multi million active users support

Mobile application developed in Flutter for cross platform usage


Dedicated team of 15 people


Architecture and solution provided in no time

Front-end application developed for Admins, Idols, Fans, Managers. Backend system with API for frontend and mobile support

AWS infrastructure setup


Multilayer security


UI/UX with product development developed together with Pulse. Full UI from Web Factory.

Application ready for cross country usage and multi million active users support

Mobile application developed in Flutter for cross platform usage


Amazing team! We were working on a challenging application never developed before for Idol groups in Japan, and what Web Factory did was superb. We created a platform with video calls from scratch on multiple platforms in less than 10 months

Blue lines
null

Toshitaka Hasegawa

Innovation Director

Project highlights

1.

An instant technical team capable of developing front-end, backend and mobile solutions and delivering with a fast pace

2.

Complete product development together with Pulse by INGIS

3.

Delivery of MVP in 3 months with a team of 15 people, full product delivery in 10 months.

What about your story?

Explore different customer touchpoints to digitalize! Drive brand loyalty by telling a digital story unlike any other before!