Social Games

Designing

Prototyping

Psychology

Gamification

Style Guide

User Interface

Wireframing

Download it in

The Client

Wooo! Social Games Inc

My Role

UX/UI Designer & Psychologist

Tools

Project Overview

Wooo Social Games is the first social gaming app that allows users to win through their everyday lives by showcasing their unique skills and talents. As a marketplace for talent, the platform makes it easy to grow their fanbase, turning skills into real-world rewards. The app empowers users to earn money effortlessly, blending gaming with personal achievement and community recognition.

The Problem

Most social apps don't empower users to turn everyday activities into rewards or earnings, missing the chance to showcase skills and grow fanbases meaningfully.

The Goal

The goal of Wooo Social Games is to empower users to transform their everyday activities into opportunities for winning, by showcasing their talents, growing their fanbase, and earning money effortlessly through an engaging social gaming platform.

01. Gamification Proposal

Gamification Elements

The client requested that the app incorporate elements of social gaming, which led us to implement gamification strategies inspired by Octalysis Prime. This included key aspects such as Epic Meaning & Calling, Development & Accomplishment, Ownership & Possession, Scarcity & Impatience, Unpredictability & Curiosity, and Social Influence.

The app was developed for both iOS and Android platforms, so I focused on designing with Auto Layout and adhered to an 8x4-point grid system to ensure consistency and visual harmony across all screens.

Ownership & Possesion

Unpredictability & Curiosity

Scarcity & Impatience

Development & Accomplishment

Epic Meaning & Calling

Social Influence

Ownership & Possesion

Gamification strategies implemented in Wooo App:

Epic Meaning & Calling: Became a talented influencer and earn money with your talents.
Development & Accomplishment: Gain badges and points XP, level up dashboard, track progress.
Ownership & Possession: Virtual good coins, gain money, learning curve.
Scarcity & Impatience: Count down with timmer for competing, Fixed interval rewards.
Unpredictability & Curiosity: Refreshing content and vertical scrolling with unknown contests.
Social Influence: Social Prodding, social appreciation, became a rol model and gain followers.

UI Iterations

We chose shades of purple for the gamification elements in the social game app because purple evokes creativity, imagination, and a sense of mystery, which aligns with the fun, engaging, and competitive atmosphere we aim to create for users.

A

B

C

D

Core Achievement

Set collaborative goals with progressive challenges, rewarding players with badges or points. Enhance engagement through real-time feedback, leaderboards, and shared achievements to encourage friendly competition.

Core Unpredictability

Introduce random events, surprise rewards, and unpredictable challenges to keep players curious and engaged. Mystery boxes, surprise levels, and unexpected bonuses add excitement, encouraging players to return.

Diversity in market audience

Use culturally relevant themes and inclusive content to create a welcoming environment that engages and represents a diverse audience.

02. Design

Style Tile

We chose shades of purple for the gamification elements in the social game app because purple evokes creativity, imagination, and a sense of mystery, which aligns with the fun, engaging, and competitive atmosphere we aim to create for users.

Font

Roboto

a

A

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

Color Palette

#9747FF

#E93323

Primary Colors

#000000