Guess the Artist, a HTML5 quiz game with Electrolux

5 min read

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.

Guess the Artist, a HTML5 quiz game with Electrolux

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:

Guess the Artist, a HTML5 quiz game with Electrolux

Figure 2: Start screen

Guess the Artist, a HTML5 quiz game with Electrolux

Figure 3: The game screen

Guess the Artist, a HTML5 quiz game with Electrolux

Figure 4: Another game screen

Performance and metrics

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.

Justification for HTML5

Why did we choose HTML5?

  • With native apps, most marketing efforts had to be timed ahead. Google Play allows instant approval, but the App Store’s submission process is not transparent, keeping marketers guessing on the launch schedule.
  • It’s highly costly to build a native game, because there would need to be separate code bases and programmers
  • Instant gaming is now possible: with HTML5, all the user needs to do, is tap on a shared link, or ad banner to load the game. No downloads, no credit cards, no entering username and passwords.

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.

Marketing Facebook Audio Electrolux Social Media Music Quiz

About our case studies

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.

About MarketJS

MarketJS offers a variety of products and services:

  1. We operate a B2B Marketplace for other companies and brands to license high quality games.
  2. We help companies reskin existing games from our portfolio.
  3. We operate game feed for clients.
  4. We partner with high traffic channels to engage and monetize their users.
  5. We design and develop custom games for brands.
  6. We develop game solutions for taxis, airlines, hospitals, schools and more.
  7. We build playable ads for app and gaming companies.

How to reach us

We can be reached at support at marketjs dot com.

What our clients say about us

"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

Interested? Request a free consultation

Our team shall be in touch within 12 hours.

Note: Please use your corporate email address. We currently do not accept inquiries from email providers.

     In order for MarketJS to respond to my inquiry, I agree to the Terms of Service and Privacy Policy of this website.
     I would like to subscribe to the MarketJS newsletter, for the latest games, case studies and products
Why subscribe to our newsletter? Thousands of executives and key decision-makers rely on our monthly newsletter for game ideas to boost their business.

  • - One of our subscribers (and client) captured over 500k USD worth of business from one game idea alone.
  • - Another subscriber (later turned long-term client) generated an ROI of 300% on their monthly ad spend. They spend 8 figures US dollars each month on paid user acquisition, hence new game ideas matter to them.
  • - Another subscriber (and also loyal customer), a publicly listed company with over 30,000 employees is using our monthly game ideas to motivate and encourage positive behavior throughout their organization.