pokemon-black-and-white-header

Pokémon Black and White Version 2

For the upcoming releases of Pokémon Black Version 2 and Pokémon White Version 2, JVST created a website that not only told the story of both games but of the unique experience you get when you play both. With the first-of-its-kind double parallax scrolling, the site visually communicates the dual nature of the games while also highlighting their commonalities.

Pokémon Black and White Version 2 Boxes
nintendo-3ds

A New Game, A New Set of Challenges

After multiple successful projects for Pokémon Company International, I had another opportunity to work on Pokémon Black and White version 2.

Pokémon Company International came to JVST and gave us free rein of creativity for the project. With one stipulation, no elements of the Black game could touch the White game. 

The creative team and developers came together and thought of a wild double parallax site that shifted directions and elements while a user scrolled.

Storyboards

The first steps with the approvals was a series of drawings showing how the black and white items would move in the background of the site. 

Depicting how the page transitions would flow from section to section, allowing the Pokémon team to understand transitional flows.

pokémon storyboard concept1
pokémon storyboard concept
pokémon jumping

Sitemap, Wireframe

Once all the approval dates came back to JVST with the different release dates on special characters and items released, our sitemap and wireframes were approved to move into the final stages of design and production.

Pokémon Black and White Version 2 Design Iterations 

design-comps

Final Designs

black-and-white-final-design

"With an innovative double-parallax site, JVST increased engagement time by over 50% from recent core Pokémon game websites."

—Pokémon International Company 
jvst

Awards

Awwwards – Honorable Mention
CSS Based – Showcase
The FWA – Public Shortlist
W3 Awards – Silver
Davey Awards – 2 Golds and 1 Silver – Games Related
Shortlisted – Tomorrow Awards

Credits

JVST – Agency
Charles W. Clark – Senior Designer
Thibaut Delille – Senior Developer
Matthew Colle – Developer

[OPS]

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