Our Work

Dont Waste Waste: The Game

By October 4, 2018 No Comments

Intro

Wasteserv™ Malta approached us to generate not only interest, but also engagement when it comes to waste management on the Maltese Islands. So we created a game concept where people would do challenges like playing quizzes, achieve goals and above all that: contribute to a cleaner Malta.

The Campaign

USER EXPERIENCE DESIGN

Our team of UX designers will create a complete user-centered design which exists of sitemaps, user journeys, wireframe & the final design.

RESPONSIVE DEVELOPMENT

Our development team will then convert the static designs into a prototype & eventually the live version of the game.

SOCIAL CAMPAIGN

When the design & development are done, we are ready to go live. With a perfectly matching Facebook awareness campaign to lead people to participate to the game.

The Campaign

USER EXPERIENCE DESIGN

Our team of UX designers will create a complete user-centered design which exists of sitemaps, user journeys, wireframe & the final design.

RESPONSIVE DEVELOPMENT

Our development team will then convert the static designs into a prototype & eventually the live version of the game.

SOCIAL CAMPAIGN

When the design & development are done, we are ready to go live. With a perfectly matching Facebook awareness campaign to lead people to participate to the game.

Concept

Using achievements for progression & the leaderboard to let users compete to each other.

ACHIEVEMENTS

Achievements are there to give a sense of progression to the game. Once you complete a quiz you will get an achievement that’s constantly viewable on your profile and they’ll pile up the more you play.

THE LEADERBOARD

Leaderboards are there for the competitive aspect. You’re constantly seeing who has more points than you do and trying to climb to the top.

USER EXPERIENCE DESIGN

Sitemap

Creating a sitemap is often one of the first steps we undertake before we start designing individual pages. Here, users would land on our landing page leading from a social campaign. It’s important to have a high site rotation, so it’s easier for users to actually do more challenges and eventually climb up the leaderboard further. Making sure we link each page to important pages like ‘leaderboard’ & ‘dashboard’ where users would find their challenges.

USER EXPERIENCE DESIGN

Sitemap

Creating a sitemap is often one of the first steps we undertake before we start designing individual pages. Here, users would land on our landing page leading from a social campaign. It’s important to have a high site rotation, so it’s easier for users to actually do more challenges and eventually climb up the leaderboard further. Making sure we link each page to important pages like ‘leaderboard’ & ‘dashboard’ where users would find their challenges.

USER EXPERIENCE DESIGN

User journey

User journeys are slightly different than sitemaps. Sitemaps are content based, while user journeys show a path which users can follow through the site. Here, users want to participate to the game because they’ll convert from our social campaigns (explained later). They’ll land on our landing page where they can, then, sign up. After playing a game users will be awarded and automatically be led to the leaderboard where they can see where they stand, which then leads them back to the dashboard where the leaderboard is shown again. From there they can easily start new challenges.

USER EXPERIENCE DESIGN

User journey

User journeys are slightly different than sitemaps. Sitemaps are content based, while user journeys show a path which users can follow through the site. Here, users want to participate to the game because they’ll convert from our social campaigns (explained later). They’ll land on our landing page where they can, then, sign up. After playing a game users will be awarded and automatically be led to the leaderboard where they can see where they stand, which then leads them back to the dashboard where the leaderboard is shown again. From there they can easily start new challenges.

USER EXPERIENCE DESIGN

The wireframes

Creating the wireframes takes of most the thinking work. What content goes on which page? While wire-framing we don’t think of images or colours yet.
Black & white it is.

Landing page

In this case, the landing page is an information hub where people can learn about the challenges and actually start playing. The landing page is closely connected to social media campaigns we run, because this is where people ‘land’ after they click on links on social media.

Dashboard

The dashboard consists of all the challenges & achievements, the leaderboard and more general pages like account settings.

This is where users do the challenges and see their awards.

USER EXPERIENCE DESIGN

The design

We know what we want and where we want it. We can now start colourising it. literally.

We’re following their brand colours together with some playful bright shades.

Iconography

We designed different icons for each challenge. There’s Maltese Trivia, clean ups,
scenario quizzes & more.

Challenges

DEVELOPMENT

From static to live

Transforming static designs into live and interactable web pages happens in the development stage. It’s easy maintainable & fully responsive both on desktop devices and mobile devices.

SOCIAL

Push. Push. Push.

We’re promoting the game through Facebook & Google campaigns. The goal: creating awareness to lead to participation. We tried different approaches when it comes to tone of voice & the feel of images/icons. Also we tried to use different reasons (title) for users to play the game with us to cater for a larger variety of people.

We’re promoting the game through Facebook & Google campaigns. The goal: creating awareness to lead to participation. We tried different approaches when it comes to tone of voice & the feel of images/icons. Also we tried to use different reasons (title) for users to play the game with us to cater for a larger variety of people.

CONCLUSION

What are the results?

We’re still up and running at the moment, but we’ve already had over 200 new participants in the first two weeks. Would you like to try the game? Or see some of our work live?

We’re still up and running at the moment, but we’ve already had over 200 new participants in the first two weeks. Would you like to try the game? Or see some of our work live?

Browse More Projects

IS YOUR BUSINESS FUTURE-PROOF?
Take the Assesment, it's free!
close-image