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
press to zoom

User Flow

Design Flow
Design Flow
press to zoom

Wireframes

Adventure Quest Page
Adventure Quest Page

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

press to zoom
Preview Page
Preview Page

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

press to zoom
Game Page
Game Page

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

press to zoom
Result Page
Result Page

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

press to zoom

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

press to zoom
Storyboard 02
Storyboard 02

©playstudios

press to zoom
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

press to zoom
Storyboard 04
Storyboard 04

©playstudios

press to zoom
Storyboard 05
Storyboard 05

©playstudios

press to zoom
Storyboard 06
Storyboard 06

©playstudios

press to zoom
Storyboard 07
Storyboard 07

Push the spin button to play. ©playstudios

press to zoom
Storyboard 08
Storyboard 08

©playstudios

press to zoom
Storyboard 09
Storyboard 09

©playstudios

press to zoom
Storyboard 10
Storyboard 10

©playstudios

press to zoom
Storyboard 11
Storyboard 11

©playstudios

press to zoom
Storyboard 12
Storyboard 12

Back to Adventure Quest ©playstudios

press to zoom

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.