We recently had the opportunity to collaborate with Electrolux, a Swedish multinational brand on a HTML5 quiz game. The marketing objective of the game was connect a music festival with a strong consumer brand.
Figure 1: Landing page of the game
Using HTML5 was a no-brainer, as it allowed us to easily distribute the game to a large audience, without being subject to App Store approval times. Later in this post, we’ll describe why we chose HTML5.
The game concept is simple: given a lyric and corresponding audio clip, guess the song artist. Correct guesses would be awarded points, while wrong guesses would lead to points deduction. Users would be able to compete for the top score via a Facebook-powered leaderboard.
On the technical side, we have a large database song data and clips at a time, 10 of which are presented to the user every round of gameplay. The game client would request the metadata and audio clip from 10 randomly selected songs. With some help from the localStorage element, we could ensure that the songs presented are always fresh. We even had a team to update song data every few days, while the marketing campaign was running.
Speed of loading the audio clip was crucial, as it added to the experience of the game. 5-second, highly compressed audio clips was the solution to this.
The UI was presented in a clean fashion. The text lyric is shown in the middle. The audio clip button is visible in the top right, with the pre-loaded clip ready to fire. Upon selecting an answer, the “next” button would appear, acting as a final confirmation button.
Here are a few screenshots:
Figure 2: Start screen
Figure 3: The game screen
Figure 4: Another game screen
The game was distributed via social media and news channels, recording over 177,660 completed gameplays within 72 hours of going live. Most importantly, it solidified a regional music festival with a multinational consumer brand. It’s proof that HTML5 can be used to create interactive and engaging experiences, to benefit both users and brands.
Why did we choose HTML5?
We believe the advantages of HTML5 would continue to drive brand adoption, enabling users to quickly engage with their favorite brands.
To inquire more about this project, view a demo, or request a quote for a similar project, please contact us.
MarketJS Case Studies presents a unique opportunity to learn how HTML5 interactive applications can make a difference in organizations. Through our work with multiple companies, we've managed to document our journey and share it with the public. Whether you're casual reader interested in HTML5, or a serious client looking for HTML5 to add massive value to your organization, this is the perfect place to start.
MarketJS offers a variety of products and services:
We can be reached at support at marketjs dot com.
"We found MarketJS very easy to work with, and were impressed with how quickly they delivered and responded to our questions."
Rebecca MacDonald, VP of Marketing, Active Navigation
"MarketJS was very easy to work with, and they were always responsive to our questions and requests"
Jeff Robertson, Vice President of Technology & Operations, Carbon8
"MarketJS consistently delivers quality games on time and on budget. They are a great partner."
Scott Sheppard, President and CTO, MoZeus
"We had a great experience working with MarketJS. They were able to move fast on a tight timeline project and deliver exactly what we required with record time and quality. Definitely will be working with them on future projects to help bring our client’s digital needs to life."
Lauren Boutette, Account Director, Lumency
"MarketJS went above and beyond to deliver our projects tailored to our needs. Very swift and quick response and turnaround time. Highly recommended."
Yazan Al Tamimi, Account Manager, Socialize Agency
"Thanks so much for the work your team did. MarketJS was able to work with us to create a custom solution that exceeded our expectations."
Mike Davis, Sales Manager, ComQi
"We are really satisfied with MarketJS. They are quick to help with any troubleshooting and implementation."
Liliya H., Content Specialist, Telecoming
"It was a great pleasure working with MarketJS, they really helped thinking along with our needs. The delivery of the content was always quick and every custom request we had was possible to develop."
Willem van Ditzhuijzen, Business Development, CreativeClicks
"We are extremely happy with the content and service which MarketJS has provided us."
Matt McPherson, Director / Strategic Accounts , Wildtangent
"MarketJS provided excellent support and responded well to ad-hoc requests."
Seah Li-Wei, Project Manager, Spoon Creative
"MarketJS collaborated with our team really well and delivered quality work."
Kevin MacDonald, CTO, TeachTown
"MarketJS has been outstanding; they were patient and very helpful in delivering quality service that matches our custom game requirements."
Marlon Santos, Researcher and Senior Software Engineer, University of Sydney
"We've worked with MarketJS on a number of games now and always find them to be easy and efficient to work with."
Ben Gilbert, Project Manager, Ichi Worldwide
"We are very pleased working with MarketJS, it was far above our expectations in terms of deliverables."
Didier Seevraz, Digital Media Specialist, Lottotech
"MarketJS was fast, responsive and very customer focused. It was a pleasure to work with them."
Bryan Wursten, Senior Digital Editor, Boy Scouts of America
Our team shall be in touch within 12 hours.