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.
|Endless Running Game For A Sneaker Brand|
|Fruit Slicing Game For Virtual Events|
|Santa Run, a Christmas HTML5 Game For Retail|
|HTML5 Game For A Frozen Pizza Brand|
|Coupon Codes As In-Game Rewards|
|Educational Games for 20 Million Students in the US|
|HTML5 Games for Non-Profit Events|
|Games on Hotel Tablets: Improving Room Service|
|Games As Online Competitions During The COVID-19 Pandemic|
|Lead Gen Games For The Sneaker Industry|
|Playable Ads For The Sneaker Industry|
|Advergames in the Insurance and Risk Management Industry|
|Interactive Trivia Games For Corporate Events|
|White Label HTML5 Game Portal|
|Garfield Puzzle: Educational Game Using HTML5 Bespoke Development|
|Subscription-Based Mobile Game Portal|
|Gamification Workshop For HR (Human Resources) Part 1|
|Bespoke HTML5 Games for the Healthcare and Pharmaceutical Industry|
|Interactive HTML5 Games for Events|
|HTML5 Games for Recycling, Environmental, and other Green Campaigns|
|Game-based Marketing for Luxury Brands|
|Promoting Social Awareness Via HTML5 Games|
|Branded Mini-Game for Toyota Tundra Event|
|HTML5 Games for Retail Businesses|
|Game Reskin With Youtube Influencers|
|Playable Ads For Brands|
|Reskin Games for Food and Beverage Industry|
|HTML5 Games For In-flight Entertainment (IFE) Systems|
|HTML5 Games for Outdoor Camping Business|
|Game Reskin for Data Center Companies|
|HTML5 Game For The Automotive Industry|
|HTML5 Games For Senior and Elderly Care|
|HTML5 Millionaire Quiz Game for 11 million followers|
|SMS Subscription for HTML5 Games Portal|
|Games Portal Localization for Mobile Operators in Middle East|
|HTML5 Games in Rear Seats of Taxis and Cars|
|Galaxis HTML5 Game Portal For 20 Million Indonesian Subscribers|
|OSN On The Run: HTML5 Game for a TV Network|
|Opera Browser HTML5 Games|
|Ninja Jean-Bobby: HTML5 Game For A Designer Shoe Brand|
|HTML5 Games Portal for Digicel|
|A HTML5 Game Portal for MTN: A Mobile Network Operator|
|Playable Ad to Promote a Free Lottery App|
|Case Study: A Christmas HTML5 Game for Tradeweb|
|Case Study: How Big is Your Heart game for Roswell Park|
|Oddbods Forest Run: A HTML5 Game Based On 3D Animated Characters|
|HTML5 Game for Air Asia|
|Pogo Contest for Brand New TV Animation|
|HTML5 Games For Loyalty Rewards: A Case Study with Livetribe|
|HTML5 Card Game For Boost Mobile|
"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
"It's has been a sincere pleasure to work with MarketJS, they always provide great work and are very professional."
Becky Tavera, Director of Licensing & Acquisitions, Defy Media
"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
"Thanks to MarketJS entire team for delivering a great game with beautiful graphics tailored exactly to our needs."
Martin Zakovec, Project Manager, GAMEE
"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
Please be as detailed as possible. Include details such as
By sharing your goals and specific requirements, we can better assist you.
Our team shall be in touch within 12 hours.