We proposed the idea of developing a ‘Live Chat Challenge’ game to boost awareness of our client’s live chat software brand. The concept was to produce an interactive, competitive game that would test a user’s live chat agent skills.
Nothing quite like this had ever been done before. So, we got creative and devised a unique ‘triathlon’ format. The result was three separate mini-games that test a participant’s typing speed/accuracy, spelling, and grammar skills respectively.
We proposed the idea of developing a ‘Live Chat Challenge’ game to boost awareness of our client’s live chat software brand. The concept was to produce an interactive, competitive game that would test a user’s live chat agent skills.
Nothing quite like this had ever been done before. So, we got creative and devised a unique ‘triathlon’ format. The result was three separate mini-games that test a participant’s typing speed/accuracy, spelling, and grammar skills respectively.
Branding,
Web Design,
Web Development
Web
https://www.helpsquad.com/challenge
The live chat market is a saturated one. That's why we devised a concept for a web application that had never been done before.
Who wants to suffer through a boring training or a written skills test? Here, we present a more interactive way to gain knowledge and test users' skills.
This one-of-a-kind game emerged in a saturated industry and managed to register a significant number of users in just a few weeks after its launch. Moreover, the traffic level never slowed, making the Live Chat Challenge one of the most effective lead generation mechanisms the client has ever had.
How can our client best engage their current and future customers? Give them something interactive and fun to do! Thus, the innovative idea for a skills-based game came to light.
Creating a game is one thing, but making it both fun and challenging is another. Based on proper research, we came up with a product that required engaging and educational at the same time.
The final project consists of three separate mini-games that are based on original designs and animations. The challenges of the “live chat triathlon” are running, swimming and cycling with corresponding avatars that respond dynamically (and comically) to the user's in-game performance.
During the mockup phase, we realized that without a robust scoring algorithm (that both rewards the users’ progress and takes their mistakes into account), that we wouldn’t be able to proceed. So, we developed a formula to determine the user's average typing speed, grammar and spelling skills.
Though a minimalistic website design can be beautiful, it might not translate into sales in certain industries. With Live Chat Challenge, we kept the average age of the target audience in mind and created a project that has movement to it. A feature that will engage and entertain.
We spent a lot of time fine-tuning the results page to promote sharing across every possible social media channel. Our team also included an option for the user to the email final scores to a friend.
Simply put, the Live Chat Challenge is fun and encourages competition. See what we mean and try it yourself!
Onboarding and expanding the skills of your employees might be a painful process for both sides. With this game, it doesn't have to be.
Players can compare their results, share them, present them to their team leader. And our client, HelpSquad, now has a neverending stream of leads to at their disposal.
The game’s front-end is being generated on the server side using Handlebars that template the engine and static content (which are also fed by the server). Hapi and Vision plugins are used to provide the templates that contain the dynamically generated data. The game itself has been created with plain JavaScript, while all animations are being performed with a GSAP library.
The Admin Panel was created using AngularJS. At the time of the project start, Angular2 (just Angular now) wasn’t mature enough to make a production application. AngularJS provided us with a well-known and tested environment to work with SPA. We used the newest version of the framework and utilized its components. This is the best way to create a modular application at present.
The game’s front-end is being generated on the server side using Handlebars that template the engine and static content (which are also fed by the server). Hapi and Vision plugins are used to provide the templates that contain the dynamically generated data. The game itself has been created with plain JavaScript, while all animations are being performed with a GSAP library.
The Admin Panel was created using AngularJS. At the time of the project start, Angular2 (just Angular now) wasn’t mature enough to make a production application. AngularJS provided us with a well-known and tested environment to work with SPA. We used the newest version of the framework and utilized its components. This is the best way to create a modular application at present.
