Skylanders Imaginators

Toys For BOB
Senior UI Artist, UX Designer

Russell Vaccaro

Responsible for the oversite of the UI from beginning to end, working with one UI engineer and contract icon artist.
The final Skylander game introduce a create your own character mode which required a heavy focus on the UI. The player would also be able to take their Skylander creations and order a toy version that would work in the game. A truly amazing feature!
Game Created using the Vicarious Visions Engine.

Front End Screens

Title Screen, Save Slot Screen and Mode Select Screen

Placeholder Picture
Placeholder Picture
Placeholder Picture

Pause Menus

Examples of pause menu screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Options Screens

Examples of options, difficulty, and sound screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Loading Screens

Loading screens where used to educate and reinforce the player on various aspects of the game.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Creator Screens

Players are now able to create their own Skylanders. They can create and edit the look, powers, and personality of their Skylander. Player would be able to purchase a toy model of their creation and have it mailed to them to use. It is truly an amazing feature!
Below are several examples that give a good representation of the overall feature.

Placeholder Picture

Creator Screens cont.

Examples of the look, head, and size selection screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Creator Screens cont.

Examples of the voice, color, and power selection screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Map HUD

Examples of Map HUD elements and screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Level HUD

Examples of in-game HUD elements.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Realm Screens

Examples of Realm HUD elements and screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Shrine Screens

Examples of Shrine HUD elements and screens.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Pop-Up Screens

Examples of some of the MANY Pop-up screens used throughout the game.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Selfie Screens

This was a fun addition to the game where players could take selfies of their Skylanders at special spots in the game. Examples of the camera mode, entry point and final image.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Skystones Game

Examples images of the Skylanders Card/Mini Game.

Placeholder Picture
Placeholder Picture
Placeholder Picture

Spyro Reignited Trilogy

Skylanders  Trap Team