Presentamos nuestro diseño de identidad para MusicManiacs

Siempre diseñar sobre temas que tienen que ver con la música fueron de los preferidos en esta casa. El último trabajo que hicimos en el estudio tiene que ver con un pequeño emprendimiento de venta de música en formatos de lujo, a cargo de nuestros amigos de MusicManiacs.

La premisa o idea que dio el cliente sobre como resumir su negocio fue: “Music Maniacs es una tienda de música especializada en ediciones de lujo y ediciones limitadas. Sólo ofrecemos lo que creemos que son piezas de colección.”

Así comienza la etapa del bocetado y prueba de técnicas

La aventura comienza cuando quemo las naves y primeras ideas obvias (aunque a veces pueden ser geniales) en papel, con diferentes técnicas, según crea pertinente, aunque también hay lugar a experimentación sin ningún fin concreto.

Marca de MusicManiacs y sus correspondientes variaciones

Siendo uno fanático de la música, del packaging, de las ediciones limitadas y demás artefactos non sanctos, la búsqueda fue direccionada a generar una marca con impacto, pero originalidad al mismo tiempo. Hoy en día las reediciones en vinilo son las vedettes de las compañías discográficas, apuntadas al público coleccionista y gastador… entonces esa referencia fue como un guiño hacia donde iría mi búsqueda.

Jugando con la fonetica del Music Maniacs y la doble M, fue tomando más forma la idea de la M “púa”. Probando y probando, porque no jugar con el sonido o vibración del disco propiamente dicho: y ahí fue donde la cosa empezó a cerrarme cada vez más, porque la marca ganaba en potencia, era fácilmente decodificable y el chiste de la púa se apoyaba aún más con la ondulación de las M’s, dando como una apariencia de cómic, y medio vampirezca.

¿O no somos bichos raros los coleccionistas que dejamos las piezas de colección dentro del celofán una vez abiertas?

Pueden visitar el website (que también diseñamos) en http://www.musicmaniacs.com.ar, y seguirlos en twitter haciendo click aquí.

Criatura Creativa Studio 3.0, la conexión racional/sensible.

Criatura Creativa Studio 3.0

Luego de meses de trabajo y neurosis gráfica, pueden disfrutar, porque espero que realmente lo hagan, la versión nueva de Criatura Creativa Studio , que formalmente la he dado a conocer como 3.0.
Pasaron unos cuantos años desde que lanzamos la versión anterior, la 2.0, al ciberespacio. Aquella versión, que aún puede ser vista en la web, fue programada por Diego Cesario, que trabajó directamente con las necesidades puntuales del estudio por aquel entonces. La novedad por ese momento era poder experimentar el sitio en 2 idiomas, diseñado en xhtml strict y con un sistema de contenidos montado sobre una base de datos. Eran tiempos en los cuales Orgánica Creativa había sido presentado al CSS Zen Garden y elegido como diseño oficial.

La conexión racional/sensible

Para este relanzamiento, tomé como bandera el precepto que más me marca como diseñador, que es estimular la conexión racional / sensible para abordar cualquier proyecto: del diseño gráfico me valgo del método proyectual para definir el problema y conducirlo a un buen puerto a través de dicho método, y lo sensible viene aparejado de la experimentación, el uso de técnicas y lenguajes de otras disciplinas, la fotografía, la pintura, etc.

Es por ello que verán en el sitio una inconexión deliberada de estéticas: una limpia y antiséptica, heredada de la versión 2.0, en diálogo y contraposición constante con lo plástico, las texturas, pintura o bocetos que también forman parte de este nuevo enfoque de la página, que rescata mis raíces de trabajo, y que no se veían reflejadas con justicia antes.

Entre otras novedades encontrarán:

  • Un diseño renovado, fruto de la lucha sensible/racional.
  • Mucho contenido nuevo, de proyectos que antes nunca habían sido publicados.
  • Integración del sitio con twitter y con facebook .
  • Contenidos frescos! antes era más tediosa la actualización, ahora espero actualizar el sitio con novedades más seguido.
  • Como simpre todo diseñado integramente con xhtml strict.
  • Utilización de tecnologías más modernas y funcionales, como JQuery.

Espero que les guste el trabajo, fue para mi un placer transitar este proceso, si bien como todo, se transformó por momentos algo que parecía no tener fin.

Aprovecho este post para agradecer a toda la gente que supo tolerarme (a mí y a mi locura), y darme feedback y opiniones siempre positivas y constructivas.

Eduardo Cesario

Criatura Creativa 3.0 (desde el ojo de la tormenta)

La versión 3.0 de Criatura Creativa Studio se viene

Advertencia: si ud, estimado lector, presupone que este será un post de la clase sneak peek (una vista previa con muchas imagenes, adelantos, etc), puede reconsiderar completamente la decisión de continuar leyéndolo. Ahora si, hecha la debida advertencia, prosigo con el relato.

Este último tiempo ha sido intenso sin lugar a dudas.

Primeramente aparece el asumir que el sitio de CCS 2.0, que tantas satisfacciones me ha dado, ha quedado claramente desactualizado, y atrás en el tiempo. Muchas cosas han cambiado desde que fue lanzado, allá a mediados del 2005…

¡Pasaron 5 años!

Creo que eso explica mucho de lo que podría ponerme a detallar en este post, pero voy a hacer una escueta descripción de las diferentes ideas que estan rondando mi cerebro en estos días:

  1. El ánimo gráfico/estético está bastante explicado en un post mio de hace unos meses, cuando fue el motivo del lanzamiento de mi sitio personal: De regreso, en clave baja mayor. La realidad es que estoy buscando definitivamente esta combinación de lo racional con lo sensible, que es la bandera que mejor sintetiza nuestra propuesta gráfica. Y esa lucha me está poniendo a prueba, ya que la usabilidad muchas veces peca de "funcionalista". Integrar una estética atractiva a un sitio funcional y romper con los módulos en el layout, no es tarea fácil.
  2. La lucha contra los vicios propios: esto es, tratar de no moverme en una paleta supercontrastada y brillante. La apuesta ahora es usar una clave más baja, con contraste mayor, eso le dará al sitio una atmósfera más sugestiva. Este cambio ha sido dominante, y aún no termino de hacerlo convivir con las imágenes mentales.
  3. Volver a las fuentes: recuperar la parte plástica, las texturas, la pintura, el boceto, y poder integrarlos al diseño más meditado. Estoy notando que este último tiempo he dejado de lado un poco la parte sensorial, en cuanto al sitio propio se refiere, no así para trabajos a clientes del estudio
  4. Creación de una estética muy  personal, en base a la combinación de elementos aparentemente irreconciliables.
  5. Y como no podía faltar, integrar tecnologías 2.0 y otros chiches que permite la actualidad del diseño web.

Espero tener lista la nueva versión en un par de semanas más, coincidentemente con el festejo por los 10 años del estudio.

Saludos!

Eduardo Cesario

Diseño del sitio de la Farmacia Social del Instituto Puiggros

Farmacia Social instituto Puiggros

Cada diseño web presupone un desafío, sobre todo a la hora de utiilizar estándares y no aburrir con la forma de presentar la información, pero a la vez hacerlo de una manera estética y atractiva.

Para el caso de la Farmacia Social del Instituto Puiggros , optamos por una gráfica más "blanda" en cuanto a la paleta cromática (sin uso de colores muy saturados), y una alta sensiblidad , utilizando ilustraciones de "manual", combinadas con fotografías de distintas plantas que se usan para producir medicamentos naturales.

La armonía de color, fundida con diferentes recursos gráficos, concluyen en un diseño funcional, pero estéticamente cuidado y personalizado.

Eduardo CesarioLa Criatura Creativa

Un mosaico de browsers, respalda el diseño sustentable

Un mosaico de browsers respalda al diseño sustentable

El desafío del diseñador que entre al ring del diseño con estándares, no sólo será hacer algo de calidad visual única.

Una vez que está armado el prototipo donde se va a fundar el nuevo sitio web, viene la parte más odiosa y que algunos no llegan a soportar: el testeo cross-browser, o hablando en criollo, la prueba del prototipo en los navegadores más populares del mercado.

Lamentablemente, Microsoft sigue manteniendo entronizado al Internet Explorer. Por qué lamentablemente? Porque esta repleto de bugs e inconsistencias con los estándares.

Como si esto fuera poco, Safari y Chrome, son los nuevos contendientes que vienen siguiendo la línea de Firefox (el más confiable y fiel navegador web que conozco). 

De ahí que en mi caso, trabajando en Mac OSX, tengo virtualizado un Windows XP, donde utilizo alguna herramienta para previsualizar en varios Explorer al mismo tiempo, como por ejemplo, Multiple IE. Este es un dato no menor, ya que Windows no deja tener instaladas de manera nativa varias versiones del Internet Explorer.

Si bien cada browser reinterpreta las reglas de juego a su manera, en esta captura de pantalla recortada a manera de mosaico, les muestro como un diseño que se ajusta a estándares y se ha testeado extensivamente en diferentes browsers y plataformas, es consistente y sustentable, es decir, a prueba de browsers rebeldes. En el caso de Internet Explorer 6, es una buena práctica incorporar algun IF con ciertos estilos para arreglar algunas falencias, ya que el ideal que sostuve mucho tiempo de usar un solo stylesheet para todos los browsers, se va desintegrando lentamente, a medida que salen nuevos navegadores.

Como escribí en el post anterior , en lo personal creo que es una muy buena práctica, con el tiempo, poder escribir el código directamente, e ir testeando. Ahorra muchísimo tiempo de debugging en los diferentes navegadores.

El caso de estudio presentado aquí, es el sitio web de L.A.Y.D.E., Laboratorio de Análisis y Diagnóstico Etiológico, que estará online muy pronto.

Eduardo CesarioLa Criatura Creativa

Relanzamiento del website de The Music Store

Relanzamiento de The Music Store!

Este proyecto fue apasionante desde el comienzo, ya que una de las más grandes satisfacciones personales, es cuando a uno lo dejan trabajar y diseñar con libertad. The Music Store , de Carlos Sterni, es una tienda especializada en música (hay de todo, pero sin dudas van a encontrar títulos pocos convencionales). El valor agregado de esta tienda es la calidad de atención, la personalización y la responsabilidad en la venta de música, rubro que ha quedado en manos de cadenas que no ofrecen casi ninguno de estos atributos.

Nosotros diseñamos la identidad de la marca hace unos años, y al tiempo lanzamos la primer versión del website, montada en SilverStripe. Pero dadas las limitaciones con las que nos topamos en cierto punto, propusimos a nuestro cliente cambiar la estructura del sitio, y a apoyarla en una base mucho más robusta en cuanto al manejo de títulos, productos y demás.

Para ello readaptamos (pulimos y mejoramos también) el diseño original. Luego de un período de prueba, oficializamos el relanzamiento de la web , con más de 1000 artículos que podrán consultar.

Espero sea de vuestro agrado.

Eduardo CesarioLa Criatura Creativa

Novedades de Criatura Creativa Studio… desde el frente

CCS para todos! :)

Bueno, estos últimos días han sido un tanto agitados para el estudio. Yo soy de los autoexigentes dementes, que cuando no encuentran algo "decente" sobre lo que escribir, deciden callar. A veces, preso de la crítica interna…

Es por eso que ante la falta de un tema, o "el tema" del cual hablar, este post será para contar las últimas novedades en cuanto a proyectos que el estudio está trabajando:

  • Finalmente el proyecto Al Sur Digital , ha sido lanzado al eter, aprovecho para felicitar a las autoras de tan ambicioso proyecto: María Solead Barría y María Lucila Colombo, y además los invito a visitar la web , de la cual ya había presentado el diseño de marca e identidad.
  • Estamos terminando la folletería institucional de la Escuela de Fotografía Motivarte, que contribuye y asienta el cambio de rumbo y la redefinición a nivel imagen institucional de la Escuela, reformulación que comenzamos allá por el 2006 con trabajos como "Diafragma Loco" y el sistema de señalética, entre otras piezas.
  • Se nos ha encargado el rediseño completo del sitio web de Laboratorios Rapela (para quiénes ya habíamos hecho un rediseño en el 2004). Lógicamente, dicho trabajo quedo un tanto desactualizado, y la propuesta de esta vez será mucho más ambiciosa y funcional que la de aquel entonces. Además de ello, normalizaremos la imagen corporativa de la firma, así como también se desarrollará el sistema de señalética para los distintos laboratorios.
  • Orgánica Creativa ya cuenta su traducción en alemán! . Gracias a mi amigo Rainer Ebert , quien tuvo la amabilidad de ayudarnos con los textos, es posible visualizar el sitio en dicho idioma.

Bueno, estas son las novedades del estudio, estaré publicando material en la medida que llegue a mis manos :)

Saludos!

Eduardo Cesario

Presentamos nuestro trabajo para Al Sur Digital

Isologotipo para Al Sur Digital, diseñado por Eduardo Cesario para Criatura Creativa Studio

La especialidad de la casa de este estudio, es el diseño de identidades visuales, y su integración directa con el sitio web.

Me complace presentarles en esta oportunidad, el desarrollo de isologotipo e identidad visual que hemos hecho para Al Sur Digital, una nueva publicación periodísitica independiente, desde nuestra queridíisma provincia de Santa Cruz, para toda la Argentina y el mundo!!!

El diseño de identidad para un proyecto que busca despertar conciencia en la población, es un desafío grande, pero fructífero cuando uno ve reflejadas en la marca, los valores que postula su cliente.

Este isologotipo se fundó en la idea de la libre expresión, y la generación de conciencia en los potenciales lectores. De ahí que se hizo un juego volumétrico y con puntos de fuga hacia el Sur. Los elementos que constituyen esta suerte de abstracción de la Argentina, son ni más ni menos, que las voces que se alzan libres, en todo el país, ilustradas con signos de admiración. El epicentro está en el Sur, expandiéndose hacia el resto del país.

Espero que les guste.

Eduardo CesarioLa Criatura Creativa

Re-diseño del sitio de Cerámicas Celec: Diseño web, 3D y fotografía de producto.

El sitio de Cerámicas CELEC en el showcase de Silverstripe

Las necesidades comunicacionales de los clientes van cambiando según los tiempos. Quizás no tanto las necesidads en sí, sino la forma de solucionarlas.

Es así que se nos encomendó un proyecto, que en principio consistía en el rediseño de un website. Luego de enterevistarnos con los responsables de la firma Cerámicas Celec, la Sra. Mónica Gentili y la Sra. Delia Gentili, pudimos hacer un diagnóstico más acertado de la necesidad concreta.

Un nuevo sitio web no sólo consiste en actualizar la calidad gráfica de la interfase, sino también observar que las direfentes partes del sistema gráfico dialoguen coherentemente entre ellas.

En nuestro caso particular, había tres partes fundamentales a tener en cuenta:

  1. Isologotipo e Identidad de la marca.
  2. Gráfica del diseño de la web e interfase (que se constituye como otro sistema en sí mismo).
  3. Fotografía de productos.

De nuestro relevamiento, primero presentamos la propuesta del website. Una vez aprobada la nueva versión "maestra" para desarrollar el resto del sitio web, Luis Cesario, prestigioso director publicitario, fue el encargado de la creación y dirección del corto animado en 3D que se produjo para una breve intro en flash, haciendo una parodia a "La Creación" de Miguel Ángel.

 Un cuadro de la animación "La Creación" de Celec

El sitio se estructura con una navegación simple e intuitiva, y la paleta cromática fue drásticamente re-elaborada, cambiando a una en la que predominan azules, negros y plateados, una gráfica que remite mucho más a lo científico y la investigación, pilares fundamentales de nuestro cliente..

La fotografía de producto era otro punto flojo en el stiio web anterior, es por ello que ofrecimos nuestros servicios de fotografía de producto para actualizar y potenciar lo visual en cada pieza que vende Cerámicas Celec. Optamos por una fotografía mucho más jugada en cuantro a encuadre e iluminación, y por supuesto realizamos los retoques pertinentes en post-producción.

Ejemplo de una fotografía de producto

El único punto que no tuvimos oportunidad de innovar, fue en la parte de diseño de marca, ya que la empresa se manifestó contenta con el posicionamiento de su actual Isologotipo: nos limitamos a reacomodarlo al nuevo diseño, sin modificarlo prácticamente.

Todo el proceso fue super dinámico, ya que el cliente siempre aceptó y delegó en el estudio y sus profesionales, el trabajo casi en su totalidad. El sitio se montó sobre un CMS como Silverstripe, lo que permite la fácil edición de los contenidos, y la traducción de los mismos, de ser necesario, por el mismo cliente.

Para finalizar nuestro trabajo, los asesoramos que registren un dominio .com, manteniendo el mismo nombre que usaron durante años para su sitio, pero que estaba registrado localmente (un .com.ar).

El resultado es un cliente con su sitio web re elaborado gráfica-conceptualmente, modernizado, con fotografía de producto profesional, y un naming más atractivo.

Pueden visitar el sitio web en esta dirección: http://www.ceramicacelec.com.

Eduardo CesarioLa Criatura Creativa