Pokédex 3D Pro

WEB DESIGN
CLIENT — Pokémon International Company

Take a huge amount of Pokémon knowledge with you wherever you go with Pokédex 3D Pro! The Nintendo 3DS™ application has stats and information on every known Pokémon, including evolution paths and lists of moves each can learn. And of course, you can view all the Pokémon in incredible 3D!

pokemon 3ds-760

About the project

Our friends at Pokémon International Company needed our help to create a website for the latest version of the Pokedex 3d Pro game. Taking the namesake we wanted to develop a 3D parallax website. The objective of this site was to emulate a semi 3d environment. Not an easy task when you still had to support Internet Explorer 7.

perspective
per-backpanel
front-panel-swing

Taking lessons learned from art schools, we began hitting the whiteboards planning and developing how the 3D panels would move in a parallax environment. Faking shapes as the user scrolled past sections and pushing the eye to other elements floating in space.

Sitemap + Wireframes

Once the sitemap and the wireframes were approved we moved into the design stage of Pokédex 3d Pro. After working on several Pokémon projects we had a good grasp of what design elements the company looked for. Metalic hard edges always seemed to please, with an off the wall background to boot.

platform
armarker

AR Markers + Schedules

During gameplay, users would find different AR Markers to display their favorite Pokémon on different surfaces. All items were released at different intervals during the next few months of game release.

Pokémon AR Markers are yet another way to look up and compare Pokémon in the Pokédex 3D Pro application. When looking at a Pokémon via a Pokémon AR Marker, a user would touch one of the poké type buttons to see how effective a move of that flight type would be.

The Design

The design phase of Pokédex 3d Pro was building out several designs, and getting approval per stage before sending the final designs to the development team. The first step of this was to build a home page with all the elements that would replicate on all the subsequential pages.

alien-boy
Design
Pokédex pages stacked
Pitchu
Mattew at his desk playing Team Fortress
tibo
jaz

It's Pokémon break time

During lunch, our creative team would shut down their computers and launch Team Fortress 2 to forget all the names of each Pokémon we had learned by heart. At the time there were over 600.

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

Select Works

Terminus Software, Inc.Brand, Design, Web, Strategy

Asian Art Museum San FranciscoCampaign, Print Design, Web Design

DelivraArt Direction

JLOWeb Design

Blend Creative TeamArt Direction, Branding, Design, Photography

Pokédex 3D ProWeb Design

WargamingBranding, Illustration, Print, Web Design

Rónin TacticsE-commerce, Website Redesign

FieldCraft SurvivalArt Direction, Branding, Design, E-commerce

SkyfeederDesign, Illustration, Mobile Game Design

SKYCURSERLogo Design, Product Design, Web Design

Contact

If you’d like to connect or have any questions, don’t hesitate to reach out.

Location: 39°46.103' N, 86°9.482' W
Phone: +1 415.964.1452

Please leave a message, and I’ll return your call promptly—or feel free to send me an email.

Current

Senior Creative Designer 
Terminus Software, Inc.

I’m always available to chat and excited to collaborate on interesting projects.I’m always available to chat and excited to collaborate on interesting projects.I’m always available to chat and excited to collaborate on interesting projects.I’m always available to chat and excited to collaborate on interesting projects.I’m always available to chat and excited to collaborate on interesting projects.I’m always available to chat and excited to collaborate on interesting projects.

Legal

All trademarks™ and registered trademarks® are the property of their respective owners. Company and product names mentioned on this website are for identification purposes only. 

©

Back to top Arrow