Soylent: Web

Wednesday, 14 October 2009, 11:43 | Category : web

Para poder comprar productos Soylent, el consumidor deberá realizar varios trámites a través de la web. La página web, lógicamente, debe ser usable, dar más importancia a los contenidos que a la forma y permitir un acceso rápido a la información que busque el usuario. Por lo tanto, se ha prescindido de intros en flash y transiciones (esperemos que en el año 2022 sean un fenómeno completamente erradicado), y se ha utilizado una estructura clara que permita que el proceso de acceder a la información sea fácil, rápido e intuitivo.

La web tiene una estructura clara y flexible. El menú está en la parte superior, el logo de Soylent crea una columna libre de información para que la página respire, y la pastilla verde, que estará presente en la mayoría de las páginas, indica donde encontrar la información que se considera más relevante para el usuario (login, menú personal, etc).

inicio

(more…)

Soylent: Publicidad

Wednesday, 14 October 2009, 11:42 | Category : motion graphics, publicidad

La publicidad de Soylent no pretende vender el producto de forma directa. El producto se vende solo: la población se alimenta de Soylent o se muere de hambre. La publicidad debe servir como herramienta para posicionar la marca, debe transmitir sus valores, transmitir esperanza. Así pues, jugará con el crecimiento de la naturaleza como metáfora de la recuperación social y económica por la que lucha Soylent.

http://www.vimeo.com/7185026

La tipografía es una versión modificada de la Garamond Powerline.

Spectrum Gallery: Spock Holmes

Saturday, 10 October 2009, 14:03 | Category : motion graphics

Spectrum Gallery también colabora de forma activa al mundo de los videojuegos. Spectrum creará su propio videojuego, una aventura gráfica con minijuegos intercalados, que al completarse ofrecen nuevas pistas al usuario para poder seguir con la historia. Se trataría de un videojuego por capítulos, es decir, cada entrega tendría una historia autoconclusiva, y la sucesión de episodios acabarian formando una historia a lo largo de la temporada. El videojuego está protagonizado por la mascota de nuestra galería, Spock, caracterizado como detective privado. Spock Holmes resolvería un pequeño caso en cada capítulo, y a lo largo de la temporada descubriría los malvados planes de su archienemigo, Murriarty.

En el desarrollo de este capítulo Spock Holmes, a petición de su amigo Macho, debe descubrir la verdadera identidad del Asesino del Katamari para proteger al injustamente acusado Príncipe. Este es el tráiler del capítulo:

http://www.vimeo.com/5508509

(more…)

Spectrum Gallery: Web

Saturday, 10 October 2009, 14:02 | Category : web

La página web de Spectrum tan importante como la galería en si. En ella el usuario puede encontrar videojuegos que sigan con la filosofía de Spectrum, y jugar directamente en su navegador (algunos videojuegos también estarán disponibles en formato descargable, según el acuerdo al que llegue Spectrum con el desarrollador). Pero la página de Spectrum va mucho más allá de portales de videojuegos como Minijuegos.com. En estos, los juegos están organizados por categorías, y cuentan con una valoración en estrellas y/o comentarios de los usuarios. Con este sistema, el usuario debe encontrar los videojuegos que le gusten por prueba y error, ya que la valoración de los demás puede no coincidir con la suya. Spectrum propone un sistema de recomendaciones, parecido al de páginas como Last.fm, con el que el usuario puede encontrar juegos acorde con sus gustos mucho más fácilmente.

juegos

Pero en la página de Spectrum, el usuario no juega de modo aislado. Spectrum propone una comunidad que une el mundo digital con el real. Los puntos y medallas que consigue el usuario, tanto en los videojuegos de la web, los de la galería y en las diversas actividades que propone la galería, van a parar a su cuenta Spectrum. Con los puntos, el usuario puede conseguir tanto productos reales como artículos para su avatar, una imagen de Spock personalizable. Además, ciertos juegos o actividades permiten conseguir productos exclusivos no disponibles con los puntos normales.

web

Puedes ver una maqueta semi-operativa de la página aquí.

Trabajo realizado con Juan Estévez AKA Yite.

Psycho

Thursday, 8 October 2009, 12:03 | Category : motion graphics, tipografía

Psycho es una tipografía experimental creada para su uso hipotético en el festival de cine de terror de Chicago, pensada sobretodo para su uso animado en teasers y cortinillas.

Como su nombre sugiere, Psycho és una tipografía con doble personalidad. Su parte Dr. Jekyll es una tipografia escrita a mano, regular, redondeada con aspecto casi infantil. Pero cuando a Dr. Jekyll le da un brote psicótico aparece Mr. Hyde, una tipografía también escrita a mano, pero más angulosa e irregular. Cada una de las personalidades de Psycho la forman tres sets de caracteres combinables. Así, al animarla, Psycho adquiere un aspecto tembloroso, reforzado por las apariciones de la Mr. Hyde, cambios de tamaño y desenfoques.

Este es uno de los teasers para el festival:

http://www.vimeo.com/5509943

(more…)

Chuck, the type

Friday, 10 July 2009, 17:04 | Category : tipografía

Os presento la que fue mi primera tipografía. Era un trabajo de clase que consistía en crear una tipografía pixel según una serie de condiciones: altura total de 12px, altura de x grande, serifs rectangulares. Su uso teórico sería en juegos de aventura gráfica para iPhone.

chuck

The Devil Wears Prada

Friday, 10 July 2009, 16:49 | Category : motion graphics

Títulos de crédito alternativos para la película “El Diablo Viste de Prada”.

http://www.vimeo.com/5508236

¡Viva la superficialidad!