Thursday, April 23, 2009

Los Peces Making Of

This are some photos and videos about the website www.lospeces.es

Los Peces is a pop Spanish band from Spain. For their second LP we released a new version of their website. So this is how we made it:

First we had the previous website from 2006. It was me who made it. Just simple, a menu with a photo slide.


We had also a logo simulating the yin-yan, two fishes biting their tails:
Before anything we had the new video of the band, with a stop-motion pop theme.


So, the video defined the cover of the album as you can see in the photo.


So, before doing anything we uploaded an "on construction website" with the launching day of the project, March 14th, just the day the LP was on the shops.


The first stories of the website: The election of one of the components of the band, relation to deep sea, fishes, bubbles, the menu...


More, we sent also a mailing to all the Media, radios, tvs and promos announcing the launching of the LP:


Next step was the promotion photos, so we met the photographer Blanca del Amo and we had this:


We had a good material. From some of the photos the illustrator made the draws, this first one for Santi:


On second place the draws for the singer, Clara:

We had also more draws for the fishes, the background, etc. here´s one:

About the programming: I would say this is a migration web from AS2 to AS3, it is made in Actionscript 3 but still with the forms of AS2. I didn´t have time to use a framework or so. For example I used the classes of GSkinner for Collision Detection, Tweenlite with recursive callings, Liquid Design from NoPonies, Google Analytics for AS3, etc.

Here the first trials, you can check the initial movement clicking. You can check the liquid design changing the browser width and height.


At the end we chose illustrations instead of photos. I have to say here, first time I saw the white background I told the designer:
- Ey! But the sea is blue!
She laughed a lot about this. So I gave up my narromind and realised:
- Oh, it´s good to have a designer surprising me!

So, this is how the website works: There´s a little intro where you choose your character, then you just go swimming, you can go up or down pressing the mouse. Also there´s a wave and the sea background moving, with the fishes which are also the menu onRollOver:



We did also a bit of socializing and 2.0. This was:
An oficial blog for the band components to post:


A YouTube Channel:


A flickr gallery:


And a facebook profile sincronized with all the previous 2.0 content:


Lastly there´s a shop, we´re still building it:




These are the credits for all this:

Concept: Fernando Comet and Miriam Arjona
illustration: Miriam Arjona
Programming: Fernando Comet
Loops: Santiago Comet
Music: Los Peces
Social nets: Fernando Comet and María Díaz


You can watch the project also on Behance

hope you enjoy it!

No comments:

Post a Comment