kisskatal.in

UX Design, UI Design, Interaction Design, Web App
@DONE.

Zöld életrevalók

Client: Roxer & Humda Green
Tools: Figma
Duration: September 2023 – November 2023
Role: UX Designer, UI Designer (of three)

Zöld életrevalók is a gamified web application with playful tasks related to eco-conscious lifestyle by Humda Green. The game was played by 20,000 users in two months who completed 62,000 challenges.

Goal

To make eco-friendly lifestyle popular and reward those who live that way.

I was the UX designer and one of the UI designers of this project.

Problem statement

The effects of climate change become visible and concerns about sustainability grow stronger.

According to a report by Deloitte, consumers are becoming more aware of climate change: 55% of Hungarians are willing to change their shopping habits; saving energy at home and reducing food waste are the most important for them, as well as striving for more economical water consumption and choosing a environmentally form of transport.

Game strategy

Points can be earned by completing challenges. The more points earned, the bigger chance to win.

The challenges are categorized into four topics, distinguished with colors: blue for transport, green for consumption, teal for meal and brown for waste collection.

Cards for the Challenges

In terms of length, there are daily, medium, big and extra challenges.

Daily challenges:

– The player can start each challenge 1x per day. The challenges must be completed within a given day.
– The challenges can be completed by self-declaration: if the player documents it with no photo: 1 point, by a photo: if the player documents it with a photo: 10 points.

Big challenges:

– They can be completed as many times as the 10 days fit into the period.
– Big challenges can only be completed by photos: 20 points/day = 200 points earned

Medium challenges:

– They can be completed as many times as the 3 days fit into the period.
– Medium challenges can only be completed by photos: 16.6 points/day = 50 points earned

Points are awarded at the end of the completion of the big and medium challenges, not if the activity is documented every day during the challenge. If the day passes and there wasn't any activity on that day, the challenge resets to zero.

Extra challenges:

– Multiple-choice or true-false question appears on the dashboard per day. There is no time limit.
– Correct answer: 1000 points earned

Challenges that can be completed only once:

– The player can complete these challenges 1x during the game.
– These challenges can only be completed by photos: 500 points earned

The avatar that the player chose changes moods depending on how often the player completes the challenges: hopeful, proud, happy.

Moods for avatars

High-fidelity wireframes

Turning the game strategy into interactive interfaces was quite challenging.

The target audience is wide and can come from different backgrounds. Also, making a web app playful for adults without looking childish caused some confusion in the early process of the development.

Only people over 16 can participate in the game.

Signing up

Before arriving to the dashboard, the players have to choose an avatar which represents one of Hungary's highly protected animals.

Choosing avatar on mobile

On the left side of the dashboard, you can see the avatar, its mood and the statistics of the progress:
– Completed challenges
– Total points
– Completed quizzes
– Total daily points
– Total weekly points
– Invited friends

On the right side, the quiz and challenges are listed.

Index page

By starting a challenge, the players need to click "Tovább a teljesítéshez" and an overlay moves in.

Challenge page

If the player completes a challenge (if available) without a photo, steps 3 and 4 are skipped in the flow.

The Flow of completing a challenge by a photo

Some wireframes:

Winners, Settings, Q&A pages

Impact overview

20,000 players completed 62,000 challenges in two months.

The most challenges completed by a player were 1,476.

The big and medium challenges together were started 17,000 times and completed by 3,000 players.

The oldest player was 89 years old.

91% of the visitors browsed the website via mobile. 58% of the visitors came from social media (100% from Facebook) and online ads. The top publisher was Origo.

According to Humda Green, the game was a bigger success than expected. The company hopes these eco-conscious routines will permanently become a part of everyday life for many people, and they will set a good example in the circle of family and friends.