blog_post_16

CNN

Political Quiz Web App

CNN Politics, a division of one of our major Fortune 500 companies, Turner Broadcasting System, Inc., wanted a digital partner to concept, design, and develop a web application quiz that matches users with presidential candidates for the 2016 elections.

INTRODUCING THE PRODUCT

CNN Politics, a division of one of our major Fortune 500 companies, Turner Broadcasting System, Inc., wanted a digital partner to concept, design, and develop a web application quiz that matches users with presidential candidates for the 2016 elections.

Already known for news, opinion, and analysis of American and global politics, CNN Politics wanted to create a best-in-class, modern, and informative experience for voters during a very controversial election year. The matching game had to be well-designed to match the user with a candidate that best fit with the issues and qualities that they cared about most. The product ran in two phases: one phase for the primary elections with all eligible candidates that were running and a second phase for the final candidate vs. candidate general election.

ROLE OF THE APP

CNN Politics’ goal was for users, whether on desktop or mobile phone, to engage in a series of topic-based questions and be matched with their ideal political candidate for the 2016 election. The web app was meant to create a fun, simple, and engaging experience that users would find enjoyable and lighthearted. Many users would find that their initial biases or expectations may have changed after seeing how closely they aligned with candidates they may not have initially considered.

The two phases were created to coincide with the primaries and the final candidate vs. candidate general election race. The app was capable of updating in real-time as candidates dropped out of the presidential race. The two phases of the web app were fully compatible with all device sizes and browser types.

RESEARCH, TARGET & PLAN

Dom & Tom interviewed the Product Owner at CNN Politics in charge of their digital political products and ran a competitive analysis of other digital polling experiences to determine what would be the most enjoyable, compelling, and informative experience for their user.

Our team worked with the CNN Politics editorial team to translate their high-quality, researched content and data and turn it into easy to understand questions for any user.

With over 24 candidates running for office we had to come up with a design game logic that took the point of view of those candidates, and over a dozen topics to create a ranked point scoring system per candidate that would then determine which candidate matched with the answers the user indicated.

The web application had to remove candidates dynamically, and re-rank question to topic answers as they dropped out of the presidential election. The app was created in two phases representing the primary election with over 24 candidates and the general election with the final two candidates. The CNN Politics editorial content team had to be able to easily update the candidate selection and point association for both phases.

TECH USED

Dom & Tom built the web application in Node, using light Handlebar template, and custom jQuery to handle the game logic. We utilized light, internal libraries for persistent storing and for managing the user’s state as they answered questions. For containerization, Ansible was used for the container management systems as well as continuous integration and continuous deployment. Gulp was used for the build process, and Bower was used for Javascript dependency management.

SUMMARY

The Candidate Matchmaker web app saw the highest utilization of any digital candidate matching experience that CNN Politics had seen in the history of their company. Over 50,000 users were matched, and it was one of the highest shared, poll applications that CNN had ever hosted on their website. 

Interested in working with us?

LET'S TALK
OR REQUEST MORE INFO

Got an app idea? Let's talk about getting it to market.