Thursday, October 22, 2009

Stills from the animation

Here are 8 stills direct from the actual animation.























Stills

Animation stills before being put into after effects.













Animation charact designs

Here are 6 rough sketches of character designs.












Wednesday, October 21, 2009

Links to sites

Here a two links to both function versions of the website.

http://www.andrewmoorhead.com/plushSite.html

http://www.andrewmoorhead.com/plushNews.html

Live version

The follow are screenshots of the live version of the plush website, currently running on my web space.

The preloader loading


The home page.



The news section


The serviec section


The products section


The gallery section


The final two sections "FAQs" and "About" have yet to be implemented on the website.

For this project, i had been meeting with the business manager of Plush and it was't until recently that i actually meet with the director.
From the meeting we discussed and shared thoughts and opinions and to which i was given more information regarding the aura of Plush precieved through the director.

From this meeting, a new alternative version has been created.
One of the main thoughts that was highlighted by the director was the actual colour scheme. Plush is about to go under renovations in which the main colours will be black and white, a more dramatic feel.
After sampling some additional promotional and advertising products that Plush have used in the past, key elements where highlighted such as the black and white colours, additional use of the logo P in backgrounds.
After point made was the director was adament in pushing the branding and making sure it made a strong impact on the viewer.

In order to avoid bleeding problems with certain colours when used on black and white via the web, a near black and pale white have been used instead.


Splash page after the preloader.


Alternative home


Alternative news


Alternative services


Alternative products


Alternative gallery

Layout ideas and development.

Here is a complied list of layout designs and the progressive idea development.

The first 3 are the very original designs.






The following layout was selected to be the overall layout design.


A rough layout design for the services page



A rough layout design for the gallery


A rough layout design for the products page


An additional design for the products page yet was never implemented.


Layout design for the about page which is yet to be implemented into the wbesite.

Pieces for the site

Here is a near complete collection of different pieces and elements that where created in mind of being and maybe being used somewhere through out the website.


The first is some basic floral patterns that could of been used in the backgrounds and across menus for decoration


This photo series is said to be the directors pride of joy and have used these graphics before.
The same idea was to apply these graphics in menu backgrounds or banners on the website.


This was created to act as a image holder in the gallery to display this sections title and to attract attention. The old style film was utilized to give a sense of prestige and class.


This 2nd variation was more of a toned down version of above, removing the old film grain and dusted lines.


A photo manipulation that was not intended to be using in its entiriety but rather just portions in banners around the website.


Here is an example of the above in a banner.


A proposal idea for the opening splash page if one was to be created.


A simple text banner


Possible banner


The above image recreated and used for the opening home page menu content section.


Additonal banner ideas


Additional banner ideas


Product images for the product section where enhanced and given a new sense of modern style




During a meeting with the client the director made a comment on how the actual logo is a bronze colour and said it is a shame that one can't really see this online.
With that in mind and after a few photoshop filters a more bronze like logo was created to be used on the website.