Digitising a corporate training program by taking it online in the form of a web app

About the Product

Equally Yours is a training program delivered via a board game that is used to encourage open-mindedness and inclusivity amongst the staff members of corporate organisations. With Equally Yours, our client AKD Solutions caters to corporations looking to promote equality within their organisations.

AKD’s client organisations can either choose to conduct sessions moderated by AKD facilitators or train one of their own employees to conduct sessions. Managed by a designated moderator, the game is played by staff members who are divided into teams and presented with modern-day social dilemmas. The game encourages dialogue and discourse towards addressing these problems.

Pre-COVID-19, the game used to be played in person. However, in light of the COVID-19 pandemic, AKD Solutions came up with the idea of taking the board game online. The online version of Equally Yours takes the form of a web application and enables clients to conduct sessions via Zoom or any other online video conferencing app.

About AKD

About Client

Based in the UK but serving organisations operating in various industries all over the world, AKD Solutions is a learning and development consulting firm. Through their videos, apps, and games, they help their clients encourage teamwork, collaboration, leadership, and openness amongst their staff members.

Banking

The Challenge

Due to the pandemic, in-person meetings came to a halt. This was bound to affect corporate training sessions at various organisations. In order to allow these organisations to continue to conduct these much-needed sessions, our client wanted to introduce a web-based version of their board game. This would allow clients and their employees to conduct and attend these sessions while staying socially distanced. However, our client was sceptical about whether an online program would be as effective as an in-person training session.

Solution

The Solution

Our development team came together to collaborate with AKD Solutions to fully understand the technicalities of the board game, Equally Yours, so that a web-based version could be accurately recreated. To make sure that the online version remained as effective as an in-person session, we conducted an extensive discovery workshop with the client.

The process of conceptualisation and visualisation of the app was very thorough. After multiple feedback cycles, we were able to highly refine the project idea. Our team prepared detailed wireframes and prototypes to ensure that the final product matched our client’s expectations to perfection.

The web app for Equally Yours works exactly like the physical board game version. The facilitator starts a session on the app and invites participants to join. Team leaders take turns rolling the dice by pressing a button on-screen. The app automatically moves the token and pops up a question from the corresponding colour-coded stack. The discussion and point-scoring activity takes place outside of the game environment and in the video conferencing app.

Equally Yours is used by many organisations, including some notable Fortune 500 companies, all over the world, which is why multiple language options are available.

What We Delivered

dashboard

Facilitator Dashboard

The facilitator is the person who manages the entire training session. The app provides facilitators with their own control panel where they are given the option to either create a new session or view details for previous sessions that they moderated. When creating a new session, facilitators can choose to customise certain specifics – such as question sequence and participant details – before starting the game.

Session Management

Training Session Management

When a session is started, the app generates a unique link for it via which the facilitator invites the participants. Much like Zoom, the Equally Yours web app also has a waiting room feature. The game starts as soon as the facilitator changes the session status to allow participants in.

Points

Throughout the session, the facilitator stays in control. The Equally Yours game board is available as a view-only screen to all participants. However, team leaders are allowed to roll the dice. Throughout the game, the facilitator can roll the dice on behalf of the team leaders. After each dice roll, the tokens move across the board automatically. The facilitator then draws a card depending on where the token lands. The question card is displayed, leading to a discussion, after which the facilitator awards points to each team.

Points

To make the game view more appealing, interactive, and fun, we have added short GIFs to animate the rolling of the dice, movement of tokens, and flipping of question cards. The option to switch to high-contrast visuals makes the game more accessible.

The facilitator ends the session when they feel that the participants have engaged sufficiently and the key topics have been discussed. At the end of each session, the participants are asked to type in their feedback and the facilitator is allowed to take notes.

Role

Role-Based Access

For maximum security, access to certain parts of the app is dependent on the users’ roles. Users can be assigned three roles:
akd flowchart
For instance, if a user logs in as a facilitator, they are allowed to invite users, manage sessions, and even view reports. Participants are not granted these permissions. They merely get view-only access to sessions they are invited to. AKD administrators have a wider range of permissions: they are allowed to manage app users and AKD clients, as well as view reports on complete session history.

Admin Panel

We built a separate secure panel in the form of a web app for AKD administrators. Here, AKD administrators have access to the following functionality:

1. User Management 2. Client Management 3. Content Management 4. Reports

user

User Management

Administrators can add, edit, or remove users at any time. They can view complete user data. A new user must be assigned one of the three user roles: AKD admin, AKD facilitator, or client facilitator.

Client

Client Management

The system offers a tool to the AKD admin for managing their client list. Each new client is added to the system and their facilitator is registered so they can log into the system when they wish to conduct a session for their organisation’s employees. Administrators can also change clients’ status to ‘inactive’ to prevent them from creating sessions in future.

Content

Content Management

The question card packs can be modified by AKD administrators. They can add, edit, or delete questions from the game. They also manage the reference material that each question is accompanied by. The system allows administrators to upload content in image and text formats. Video URLs can also be added.

user

Reports

Facilitators and administrators can access important data within the system. Facilitators can view details of past sessions they have conducted. Administrators can view data related to all the sessions that have been completed in-game. They are both given the option to export this data to a downloadable PDF file.

Multilingual

Multilingual Support

The app’s default language is English. However, facilitators have the option to choose from and conduct sessions in any of the other languages offered.

Real-time

Real-Time Updates

One major achievement for us is that we have successfully been able to provide real-time interaction to all users of the app during an active session. From moving tokens to updating team scores, everything is in perfect sync. To accomplish this, we implemented custom socket-based client-server communication at the backend.

Our Process

Before we could actually begin working on this project, it was crucial that we refine the idea to the point of perfection. Thus, we conducted detailed discovery workshops with our client and made sure that the final idea supported their vision. There were multiple rounds of feedback involved. In order to make the final product perfect, we had to be very thorough with the analysis and design phase.

Designing the Equally Yours web app required us to comprehensively understand how the original board game worked. There were rules to be followed along with additional requirements set forth by the client. After dividing the project on the basis of user roles, relevant wireframes and prototypes were prepared to showcase the best possible layout for the online program.

After the design phase, production began. Our developers worked with React, PHP, and Node.js. The finished project was launched after rigorous testing and quality assurance.

Team

Team

The team, led by the project manager, was composed of the technical lead, business analyst, senior software engineer, and senior QA engineer.

Technologies

React

React

php

PHP

nodejs

Node.js

Socket

Socket.IO

Get in touch with us

Things
we do next

  • Our team contacts you within one business day
  • We engage an initial discussion to understand your requirements
  • Our team of analysts and developers assess the scope and propose a way forward with mutual consultation
  • All information exchange is protected via a mutual NDA
This website uses cookies to enhance site navigation and improve functionality, analyze site usage, and assist in our marketing and advertising efforts. Please click "I accept cookies" to let us know you're okay with our use of all cookies.