Citibank HTML5 Game

5 min read

Citibank HTML5 Game

We had the opportunity to collaborate with Citibank, on a very addictive social HTML5 game.

Here’s a quick primer: stock-picking is a common past-time for those who invest in the stock market. Why not have a fantasy stock-picking game, based on real-time events? It just made a lot of sense. We needed some data from the stock market, plus a method to ‘gamify’ it within a controlled environment.

The objective of the game, was to allow the general public to speculate on the Hang Seng Index. Aptly named “Guess the Index”, players would try to guess if the index went up or down within the game period. These two categories are further divided into subcategories, of 100 points each.

During the promotional campaign, players would log into the game between 9 am and 1 pm to speculate on how the index would perform. Depending on how close the guesses are, players would be assigned carefully weighted points to their scorecard.

Here are a few screenshots:

Login page: Users are immediately asked to log in via Facebook, to keep track of their everyday scores

Citibank HTML5 Game

Game page: One of the pages where the user gets to speculate on the Hang Seng Index Citibank HTML5 Game

Submission dialog : Requesting confirmation from the user

Citibank HTML5 Game

Personal leaderboard: Allowing users to keep track of their personal scores, by day Citibank HTML5 Game

The game was integrated within Citibank’s native app, via a WebView element. The WebView element is present on all native iOS and Android apps, giving unprecedented access to HTML5 webapps.

The login system was designed to be extremely simple to follow. On the server-side, we designed a simple system which handled users and their respective scores. Scores would be organized into a leaderboard fashion with our very own MarketJS API, and reset every day.

Sharing results is one of the most critical aspects of any social game. We integrated a simple Facebook share function, attempting to encourage users to share their scores.

We worked very hard to simplify the game flow, down to less than 5 pages. It was by design, because casual users hardly have time to “learn” a whole new fantasy game. These are the users that fire up an app during lunch time, see a link to the game and click on it. They’re expecting quick fun and reward!

Performance-wise, we were happy with how well the game ran. Here in the company, we’d normally test the game against one of our oldest devices, a 2009 Samsung Captivate on Android 2.2. It worked, with 30-38 frames per second! On newer devices, the animation was much more fluid and native-like, reaching 60 frames per second on iOS devices.

In summary, the campaign was a success, giving casual users a chance to play, earn points and compete with each other. This is great example on how HTML5 can improve brand awareness within a short period of time.

To inquire more about the game, view a demo, or request a quote for a similar project, please contact us.

Leaderboard Facebook Citibank Marketing Stocks Social Media

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.