pokemon rumble blast header

Pokémon Rumble Blast

WEB DESIGN
Client — Pokémon International Company

Engage in intense, all-out action as a Toy Pokémon! Switching between Toy Pokémon is fast and fun. Simple, intuitive controls make Pokémon Rumble Blast easy for new and experienced players alike to pick up and enjoy.

Pokémon Rumble Blast includes more than 600 Toy Pokémon to collect. Each Toy Pokémon has its own unique stats and power levels, and players can decide which one is best suited for each battle.

Parallax Sketches

Starting with simple storyboards on all the stages or menus, I was we were able to show Pokémon International Company how the effect of the sidescrolling parallax would work.

About Pokémon Rumble Blast

The second installment I had the opportunity to work on for the Pokémon International Company came as Pokémon Rumble Blast. The developers needed a new creative site that would get fans excited about the next installment of their Nintendo games.

Being the first Pokémon installment for the Nintendo 3DS, the Pokémon company really wanted JVST to push some boundaries. We came up with a sideways scrolling parallax website, where users could collect coins to keep them engaged on the website while exploring the new Toy Universe.

With almost zero creative assets were given to our team except for the characters, and screenshots of stages. Not only did JVST have to recreate some of the background elements in 3d, but also texture all the environments to match the pokémon creative.

Each stage had to be created the same way which was a time-consuming process, but a rewarding challenge.

Sitemap + Wireframes

After a series of wireframes, schedules and wireframes were completed, we moved into the design stage of Pokémon Rumble Blast.

pokemon-wind
rumble-blast-image

The Design


After several rounds of mockup designs, we nailed the overall feeling of Pokémon Rumble Blast. With the side-scrolling views. Each stage was laid out together so that the overall between states were matching.

With all the backgrounds together the art was sent over to the development team to begin the parallax motions. While that gave me time to work on all the other assets in the web site.

home-background
your-adventure-background
battles-background
more-ways-to-play-background
funstuff-background
homepage
your-adventure-site
battles-screen
more-ways-to-play-screen
funstuff-screen
Credits
JVST – Agency
James Song3D

Charles W. Clark – Senior Designer
Thibaut Delille – Senior Developer
Matthew Colle – Developer
Chris Antaki – Developer Animation

[OPS]

Maria Montessori International AcademyPrint Design, Rebrand, Web Design

The WarriorsIllustration

WargamingBranding, Illustration, Print, Web Design

Pokédex 3D ProWeb Design

JLOWeb Design

Asian Art MuseumCampaign, Print Design, Web Design

SkyfeederDesign, Illustration, Mobile Game Design

SKYCURSERLogo Design, Product Design, Web Design

DelivraArt Direction, Rebrand, Website

Blend Creative TeamArt Direction, Branding, Design, Photography

FieldCraft SurvivalArt Direction, Branding, Design, E-commerce

Rónin TacticsE-commerce, Website Redesign

SIGNATURE:
SIGNATURE:
Charles W Clark Logo
CONTACT

CONTACT

CONTACT
Charles W. Clark [Charlie Clark]
Charles W. Clark [Charlie Clark]

Charles W. Clark [Charlie Clark]

Charles W. Clark [Charlie Clark]
© COPYRIGHT
COPYRIGHT
COPYRIGHT
COPYRIGHT
COPYRIGHT
All product names, logos, and brands are property of their respective owners. All company, product and service names used on this website are for identification purposes only.
All other works Charles W. Clark
All product names, logos, and brands are the property of their respective owners. All company, product and service names used on this website are for identification purposes only.
All other works Charles W. Clark