I had the opportunity to work on a series of mini-games represented on the pollypocket.com website. All four mini-games were illustrated and developed for a responsive HTML5 browser based experience.

I had the opportunity to work on a series of mini-games represented on the pollypocket.com website. All four mini-games were illustrated and developed for a responsive HTML5 browser based experience.

client

Mattel®

credits

Shannon Cohen
– Account Manager

Andrea Roy
– Project Coordinator

Josh Myers
– Art Director

Jon Dymock
– Illustrator, Lead Designer

Brandon Wilson
– Storyboarding

Sam Morrison
– Lead Developer

Victoria Brake
– Developer

Trevor Creed
– Developer

client

Mattel®

credits

Shannon Cohen
– Account Manager

Andrea Roy
– Project Coordinator

Josh Myers
– Art Director

Jon Dymock
– Illustrator, Lead Designer

Brandon Wilson
– Storyboarding

Sam Morrison
– Lead Developer

Victoria Brake
– Developer

Trevor Creed
– Developer

color scheme & buttons

Before we began putting pencil to paper, the team at clevermethod reviewed the Mattel® internal brand style guide which laid out the color scheme, logo usage, domains and more general guidelines to adhere to.

Using this information along with establishing the look/feel of the game, we landing on using this button styling on the interface. Our target audience were children so the appearance of the buttons had to fun and engaging.

typography

Each mini-game had to have an engaging introduction made up of a few illustrations weaved together into a decent composition and a title. A couple challenges became clear as we began the project. We had to establish the look/feel to mesh well with the illustration style and we had to create an easily reproducible system of creating the titles since there were going to be so many instances of the same treatment of type throughout the mini-games. Equally as important, after the games launched in the United States, each title had to be localized into three other languages for international countries.

Even though the text consists of multiple effects, I was able to devise a system that allowed me to reproduce the titles over and over again in a short period of time.

Spice’s Pet Party mini-game series

Spice (Polly’s canine companion) serves as the main character for this series of three mini-games. This image showcases the main menu screen which allows the user the option to choose from the selection of games – bounce house balloon-bop, piñata party and hat-tastic match.

game_1: bounce house balloon-bop

The objective of this mini-game was to assist Spice by capturing as many balloons as possible before the timer ran out. After clearing each level, the timer would progressively get harder and harder.

Illustrating the environment for this mini-game proved to be a challenge since the floor and foreground pillars were situated on their own layers. In order to achieve this effect, I had to work with multiple layers when I was in the process of creating the scene. The alternate layers allowed the balloon graphics to float ‘behind’ the foreground pillars and the floor to react to Spice bouncing upon it.

concept sketch for the balloon house asset

completely rendered asset from sketch

Spice character animation for the balloon bounce mini-game

game_2: piñata party

The Piñata Party mini-game was played by tapping on a hotspot as objects (bats) passed by moving across the screen. Think of the game mechanics of Guitar Hero but the reward for completing the game is receiving a mountain of candy. The ability to press on the screen allowed the game to be really fun playing on a tablet or mobile device.

completely rendered asset using Adobe Illustrator

game_3: hat-tastic match

In this memory game, the player was shown Spice wearing a specific type of hat which had unique characteristics like a specific shape, color or material pattern. Once the player had the opportunity to view the hat, a series of questions was asked relating to its features. The goal was to match the appearance of the original hat by process of elimination.

There were several challenges along with illustrating for this game including setting up the composition to work on multiple layers, researching a variety of hats and creating an engaging environment.

completely rendered asset using Adobe Illustrator

variations of hats I created for the hat-tastic mini-game

game_04: crazy candy carnival

After completing the initial project of the above three mini-games, we were offered another stand-alone mini-game. The concept for this game was an amusement park featuring rides that resembled retail toys Mattel® was bringing to market. Coordinating with the internal Mattel® team, we were given direction on rides, characteristics and art direction for the visual styling of the assets. It took a few rounds of revisions but it worked out in the end –  I created a custom tiled environment backdrop, and some really exciting rides to go along with the theme of running your own amusement park.

misc. assets i’ve created

Here are some of the other miscellaneous objects I’ve illustrated for Mattel® that are featured online. All were created digitally using Adobe Illustrator + Photoshop.

profile

– Interactive/ UI/ UX/ Illustration

– Forty Fort, Pennsylvania

connect

– heyjondymock [at] gmail.com

– 570.417.6319

social

profile

Interactive/ UI/ UX/ Illustration

Forty Fort, Pennsylvania

connect

heyjondymock [at] gmail.com

570.417.6319

social