HippoWorks

CoolTheClimate is a site that stands for a regenerative World through cartoons, eco choices, and activism promoted by HippoWorks

Our client requested to create a website from scratch where they wanted to add content to raise awareness of climate change and add some online games. Thus, we had to create a custom template based on the web design that the client has sent. Based on the current Wordpress standards, we implemented the theme and created the games using HTML5 and Javascript.

Games

We created a custom Wordpress plugin to implement every game. This plugin includes all the functionality of the games, javascript libraries, effects, sound integrations and gesture logic for touch screens. Therefore, we combine jQuery, Bootstrap and pure javascript libraries that we developed exclusively for this project. Additionally,  we combined HTML5, images, MP3 for creating the game and all the logic, rules and scores was implemented in a javascript controller.

These games were created for audience in general, any age, but we focus a little more on children, creating an intuitive UI.

Jigsaw: this is the puzzle game including different levels of difficulty that users can choose. Every time we increase the difficulty, the same image is taken but it is divided into smaller pieces. When connecting each piece, the user will hear a sound and when completing the game they will be able to see an animation with characters of the site. Improvements and optimizations were implemented for mobile devices, especially for iphone.

Climate animals: game where we have to try to connect similar animals based on the adjacent cells. At the beginning the game performs a random distribution of the animals, then as we play we have less margin for error. The game ends when we reach the target score or if we have no more moves available.

Memory Game: It is the typical memory game where we have to discover pairs of images and try to match them. 

One of the bigger challenges in this game development was keeping a really good compatibility for all devices, making each game works smoothly on both a PC and a smartphone.

We have also integrated social media links and features for sharing content via AddThis.

Administration panel

As the client wanted a simple user interface to add and modify the games, we've chosen Wordpress. We created custom post type and plugins that allowed us to manage each page and games. We also modified the user dashboard to show only account settings and historic score (grand total). All registered user is also associated with a newsletter list that was implemented in compliance with current regulations (GDPR).

Every sections of the site, menus, images and text can be easily edited from the administration panel.


Tagged under


Oct 2019 - HippoWorks

Serfe info(at)serfe.com https://www.serfe.com/images/serfe_logo_text.png https://www.serfe.com/images/serfe_logo_text.png FALUCHO 2032, S3016LDB, SANTO TOME, SANTA FE, ARGENTINA 1-305-5375397
Cookies & Privacy: 
This website uses cookies to ensure you get the best experience on our website.


Privacy Policy