Finally .....

Okay .. I'm so bad luck today because I got robbed in the morning but I'm lucky that I'm okay and I still can finish off my microsite :) but.. still I couldn't go to class for tomorrow due to all those things I need to settle because of the robbery! So sorry. Here's an early update before submission.

Thanks God.

Here this is the landing page.

I played around with the blending and effects and I combined 3 pictures for this background.

There's a map also..

Okay.. what do you think with the can seen and cannot be seen bricks ? 

With or without. I prefer with though.

I combined the map and the loading together and so now this is the exact how it looks like for the landing page for our microsite.

Besides that, we've been asked to emphasize on our movie world. How does it looks like. 

So we decided to show it on the games part. On what you will overcome when you're stepping into the game world of Pet Warriors. Below, there's 3 scenes. 

Done for the add-on stuffs.

Stay tune.

Progress

Total up of 4 entries and 1 landing page.

landing page

after landing page ..

home page .. introduction

trailer page

game page..

character page

press the character and the pop out of the introduction of character

Now.. what to change is the landing page and the game page

Game page : more scene of our characters world

Landing page: do not use the same background ( a brief world of the movie )

One more page or the introduction of the story.

Monkey

Fox

Process on home page

Working out on the bricks for our microsite. The bricks are to be the divider between the background. It doesn't really match well so here goes some experiment.

The background we combined 2 pictures which show the villain town and the peaceful town which is a road apart. Combined 2 pictures and all of us really like how well it combined together.

Continue on with the bricks above and below. Masking it to make it blurry effect. Add on the wood signboard for the navigation on the left.

Experiment with the Title and clipping mask. Changed the navigation.

Adding on for the trailer part on where the hanging board.

To be continued...

Characters

Sketches of characters

Main reference

Shrek. This website will be the layout we will chose as our reference.

These are another references I found while searching through the website. We chose Shrek as our reference and did something similar.