Adventure Wheel : Rewards

Art Directing, UI/UXDesign, Story Board, Mockup/Prototype animation, Marketing Design

PROJECT OVERVIEW

app_logo.png

MyVegas is a pair of apps for Facebook, iPhone, and Android where you play blackjack or the slot machines with virtual cash and earn real rewards, like meals and show tickets, at some of Las Vegas' biggest hotels and resorts. The more you play and the bigger you bet, the more "loyalty points" you earn. You get bonuses on the virtual chips and loyalty for every day you play.

App store IOS : http://itunes.apple.com/myvegas

App store Android : http://play.google.com/myvegas

The Bonus Wheel is one of our popular reward, therefore our team decided to make an "add-ons" Bonus Wheel features inside one of our bonus game call "Adventure Quest", so it will provide more motivation to push players towards completion.

Adventure quest.png

- Adventure Quest inside MyVegas Slots game. Some artworks are done by the team

ROLE AND RESPONSIBILITY

I was in charge for a whole visual concept of this feature including wireframes and user flow with the team. Not only I collaborated with a game designer, product manager and producer, but also worked very closely with technical artists, effect artists and engineers so the feature will be delivered in a pixel-perfect conditionThe highlights include early stage prototyping, establishing a go-to guide for developers with wireframes, encompassing the entire quest on both iOS and Android, and finally working with multiple departments to bring the entire vision of the product together.

DESIGN PROCESS & UX FLOW

meeting_4
meeting_3
meeting_1
meeting_2

Designed wireframe and user flow with the team as shown in the design process.

Design Process

Design Process
Design Process

User Flow

Design Flow
Design Flow

Wireframes

Adventure Quest Page
Adventure Quest Page

Adding Bonus game icons to show there is a new feature in this quest. ©playstudios

Preview Page
Preview Page

This page will show up when players click the Bonus game icon. ©playstudios

Game Page
Game Page

Show players how much they earned at adventure quest. ©playstudios

Result Page
Result Page

Show players how much their chop got multiplied after they played the game. ©playstudios

Design Phase 1

When I designed the wheel, first thing came to my mind was sparkly neon wheel in Las Vegas casino.

Wheel wip play sketch
Wheel wip

Design Phase 2

Although I was happy with the direction I made, I agreed after a few team meetings that we have so many neon casino looking wheel inside our game, or many other game from our competitors, but this wheel is inside a game call "Adventure quest" it should feel more like adventure not a normal casino. So I tried to make the whole wheel like a compass, and using a parchment paper for a information space.

Wheel play area wip
Wheel wip info box

Storyboard

Storyboard 01
Storyboard 01

©playstudios

Storyboard 02
Storyboard 02

©playstudios

Storyboard 03
Storyboard 03

Since this is an information page not an actual game page, Play button is grey to show that it is deactivated. ©playstudios

Storyboard 04
Storyboard 04

©playstudios

Storyboard 05
Storyboard 05

©playstudios

Storyboard 06
Storyboard 06

©playstudios

Storyboard 07
Storyboard 07

Push the spin button to play. ©playstudios

Storyboard 08
Storyboard 08

©playstudios

Storyboard 09
Storyboard 09

©playstudios

Storyboard 10
Storyboard 10

©playstudios

Storyboard 11
Storyboard 11

©playstudios

Storyboard 12
Storyboard 12

Back to Adventure Quest ©playstudios

FINAL DESIGN AND ANIMATION

Created quality visual content including color, icons, typography and prototype animation for vfx and engineers team. Led technical artist, effect artist and engineers to ensure alignment and delivered visual assets and a style guide for implementation.

Final Design

Adventure Quest Stage
Adventure Quest Stage

©playstudios

Info about Adventure quest page
Info about Adventure quest page

When you click the "?" button, this pop-up window always come up. Challenge was how to squeeze a new feature in there. Redesigned the title and color. Fonts are Playstudios default. ©playstudios

Preview Stage
Preview Stage

Since this is only a information page not a game page, play button is grey and deactivated. ©playstudios

Game Stage
Game Stage

Changed play button to green. Ask me if you want to know why. ©playstudios

Prototype Animation

Based on a storyboard, I made storyboard animation with some VFX for stakeholders and our team for presentation. It will help them understand how it should move, and what kind of VFX I am looking for.

Program : Flash

Customization

When the team plan to made this wheel feature, we plan this to be customizable so later the team can change colors to match a theme of the game or event we were trying to promote when we want to. Here's a few examples. (Some artworks are provided by the team) 

Shaq Slam
Shaq Slam

Adventure Wheel Quest to promote Shaq Slam game. ©playstudios

Munsters
Munsters

Adventure Wheel Quest to promote Munsters game. ©playstudios

Easter
Easter

Adventure Wheel Quest to promote Easter day. ©playstudios

MARKETING ASSETS FOR REWARDS

After wrapping up the project, send export artworks to TA and VFX artists, I moved on to creating a pop-up windows to promote this features while engineers are implementing. These are some artwork i made to promote rewards including adventure wheel shown above.

Pop up Blocker 20x for MyVegas
Pop up Blocker 20x for MyVegas

©playstudios

MVM_MH_Final_Review
MVM_MH_Final_Review
MVM_Store_CNY_19
MVM_Store_CNY_19
MVM_MH_Progress_Blocker_Dialog_R5
MVM_MH_Progress_Blocker_Dialog_R5
Blocker_10xpbw_2
Blocker_10xpbw_2
MVM_Preview_OfferBlocker
MVM_Preview_OfferBlocker
MVM_MH_CustomOfferBlocker
MVM_MH_CustomOfferBlocker
pop up offer Blocker
pop up offer Blocker

©playstudios

Friendsgiving_Bingo_PLAYFIELD
Friendsgiving_Bingo_PLAYFIELD

Program : Illustrator, Photoshop