Graphic Designer & Web Developer
Macbook Mockup - Freebie.jpg

The Pokemon Center 2.0 | Website Revamp

This is a project created for WNM 601: Inside Programming at the Academy of Art. For this project I had to create website from scratch using the HTML, CSS, and Javascript I had learned throughout the semester.

 

This is a project created for WNM 601: Inside Programming at the Academy of Art. For this project I had to create website from scratch using the HTML, CSS, and Javascript I had learned throughout the semester.

You can view the coded website here. Feel free to browse around and explore this Pokemon website. I will slowly be expanding it, as it is a pet project of mine and as time allows me.

The Process

About the Site

For this project I did a revamp of a site I created during my undergraduate at South Dakota State. The Pokemon Center is a comprehensive site about the Pokemon world that will include walkthroughs, a Pokedex, news, and game maps. The users of this site are able to get almost any information they need about a single Pokemon game or the Pokemon world as a whole.

Target Audience

The target audience for this site is anyone that plays the Pokemon games and are looking for help. This could be a 10 year old wanting to just make it through the game, to a 25 year old that wants to catch them all. So this sites' design needs to appeal to everyone.

Basic Design

The site contains the following page designs:

  • Home Page - contains information about the site, links to everything, and a news section
  • Walkthroughs - contains images, videos, and text about each section of the game
  • Pokedex - contains information about every Pokemon
  • Game Maps - contains the world maps for each game
 
 

Strategy and Concept

Programs Used:

Adobe InDesign
Adobe Illustrator
Adobe Photoshop
Adobe Dreamweaver

Skills:

HTML
CSS
Wireframing

The website was to be on a topic of our choice, but had to have enough information to make about 7 pages. I ended up revamping a Pokemon I previously created.

Wireframes

 

Pokemon Center - Homepage

Pokemon Center - Pokedex

Pokemon Center - Map

Pokemon Center - Walkthrough

 

Website Design

 

Pokemon Center - Homepage

Pokemon Center - Pokedex

Pokemon Center - Walkthroughs

Pokemon Center - Maps

Pokemon Center - News Article

Pokemon Center - Pokemon Stats

Pokemon Center - Walkthrough - Part 1

 

About the Final Product

The final outcome for this project ended up being a small webpage for now, that will be added too.

You can view the coded website here. Feel free to browse around and explore.