jueves, abril 23, 2009

Los Peces Making Of

Aquí algunos destalles, fotos y vídeos de cómo hicimos www.lospeces.es

En primer lugar, si no lo sabes ya, Los Peces es un grupo de pop de aquí de España. En Marzo del 2009, el mes pasado, lanzaron su segundo trabajo, así que esto es lo que hicimos:

Lo primero de todo, teníamos la web anterior desde el 2006. Yo mismo la hice, muy simple, un menú con un slide de fotos, rápida y visual con fondo negro.


Teníamos también un logo simulando el yin-yan, con dos peces que se muerden la cola:
Esto lo usamos como precarga en la nueva web.
También teníamos el nuevo vídeo de la banda, un stop-motion de corte beatle. Está rodado dos veces, es decir, pintaron a los músicos dos veces, Clara va seguido y Santi en stop-motion con el resto del escenario. La segunda parte del vídeo está producida hacia atrás. De chinos. El vídeo es de Rafa Sañudo de RARO.net



El vídeo definía también el arte del disco, así:


Así que, antes de hacer nada colgamos un previo con la portada del LP y una fecha de lanzamiento:


Aquí los primeros stories del website: Yo es que me encanta hacer cajas, cualquier día me hago planner o especialista en prototipado y así me olvido de variables y bucles. La idea era hacer una elección de personaje para ir nadando por el fondo del mar, con peces, burbujas, un fondo marino, etc.

Al principio pensamos en poner a los dos miembros de la banda y dos peces pero esto hubiera creado confusión con el resto de peces, así que sólo pusimos dos personajes.


Más, esta es la newsletter o mailing que se envió a toda la prensa, radios, tv, etc.


Siguiente paso, las fotos promocionales, fuímos al estudio de Blanca del Amo que hizo todo esto:


Con este material hablé con la ilustradora que a partir de las fotos hizo los dibujos. Este para Santi:


Este para Clara:


También teníamos los dibujos de los pececillos, el fondo, etc.


Respecto a la programación: Diría que es una web migrando de AS2 a AS3, está hecha en Actionscript 3 pero con la forma de pensar de AS2. No tuve tiempo para usar un framework pero sí para implantar las detecciones de colisiones de GSkinner, Tweenlite con llamadas recursivas, Diseño líquido de NoPonies, Google Analytics para AS3, etc.

Aquí están los primero trials del movimiento:


Yo al principio pensé en fotos pero luego fue muy divertido cuando vi los dibujos y el fondo blanco:
- Ey! Pero el fondo del mar es azul!
La ilustradora se rió de mí y al final abandoné mi mente cerrada
- Qué bueno que te sorprendan en diseño!

Así que en beta todavía pero la web va así: Hay una intro donde puedes elegir el personaje y luego sales nadando. Al pulsar el ratón subes, al soltar bajas. Al hacer scroll aumentas el tamaño del nadador, y al revés:


Hicimos también algo de 2.0:
Un blog oficial para que postearan los miembros de la banda:


Un canal de YouTube:


A flickr gallery:


Un perfil de facebook sincronizando todos los contenidos con Flickr, YouTube, Wrodpress, etc.:


Y por último una tienda todavía en pruebas:




Los créditos de la web:

Concepto: Fernando Comet y Miriam Arjona
ilustración: Miriam Arjona
Programación: Fernando Comet
Loops: Santiago Comet
Música: Los Peces
Redes sociales: Fernando Comet y María Díaz

Fotografía
Fotos estudio: Blanca del Amo
Fotos disco: Rafa Sañudo
Fotos conciertos: Ramón Comet
Resto fotos: Los Peces y Jordi Fuster

Vídeos: Rafa Sañudo


Podéis ver le proyecto también en Behance

2 comentarios:

Bandini dijo...

Buen trabajo.
Enhorabuena

Jorge dijo...

Genial trabajo.

Soy fan del grupo y me ha encantado descubrir este making off de la web.

Un saludo.

Disqus for Actionscript & Comet