Diseño del nuevo sitio para Laboratorio Dr. Rapela

Nuevo sitio para Laboratorio Rapela

Finalizamos el rediseño total del sitio de Laboratorio Dr. Rapela.

En este sitio ponemos énfasis la limpieza y exactitud, como ideas de partido para desarrollar una gráfica acorde. Además ha sido desarrollado, como es habitual en nuestro estudio, con tecnología basada en estándares (xhtml strict / css), y está montado sobre una plataforma que permite la fácil actualización de contenidos de prácticamente todo el stiio.

Esta pieza virtual forma parte de un proyecto integral de rediseño que estuvimos realizando, que incluye la modernización el isologotipo de la firma, el rediseño completo de la imagen institucional, la toma de fotografías de las instalaciones, y la proyección de la señalética para el laboratorio.

La Criatura CreativaEduardo Cesario

Un anticipo del Diseño de Señalética para Laboratorios Rapela

Un anticipo del diseño de seãlética para Laboratorios Rapela

Como parte del proyecto de diseño integral que estamos llevando adelante para nuestro cliente Laboratorios Rapela, se encuentra el diseño de señalética de las instalaciones.

Para ello se partió del rediseño de los pictogramas que identificaron los diferentes departamentos de la firma, dándoles una reinterpretación y gráfica más limpia, acorde también al rediseño institucional y rediseño de web que estamos finalizando.

Los pictogramas resultantes, centran la propuesta en la interrelación de elementos en negativo, vinculados con formas en positivo que tienen que ver obviamente con la actividad puntual. El desafío fue poder establecer un complemento entre figura/fondo armónicos, con sentido y criterio estético acorde.

En la aplicación web, se agregó volumetría a los íconos, para que estos se vean más corpóreos y atractivos.

Estaremos publicando el sistema de señalética más completo en breve, que se desprende de la paleta cromática de éstos, y el repertorio formal que se exponen en este post.

Eduardo Cesario

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

Nueva folletería para la Escuela de Fotografía Motivarte

Nueva Folletería para la Escuela de Fotografía Motivarte

Estuve trabajando en estas piezas hace un tiempo ya, pero finalmente verán la luz! La Nueva Folletería para la Escuela de Fotografía Motivarte, consiste en un tríptico institucional, y 3 separatas o dípticos para cada gran área de enseñanza de la institución educativa.

De más está aclarar a estas alturas, que me han dejado trabajar con muchísima libertad, y podrán ver muchos de mis vicios plasmados en papel :) .

Para cada díptico se asignó un color identificatorio, y de esta forma poder abrir el sistema corporativo (muy atado a los colores naranja, blanco y negro) que la escuela viene usando hace años. La intención es dar una identidad propia a todos los departamentos educacionales de la escuela, para a futuro, construir una imagen más propia, coherente y no tan cerrada.

En breve estarán disponible en la Escuela, por ahora dejo un adelanto chiquito de mi neurosis gráfica.

Eduardo CesarioLa Criatura Creativa

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

Logotipo para el 15 Aniversario de la Escuela de Fotografía Motivarte

Isologotipo diseñado para el 15 Aniversario de la Escuela de Fotografía Motivarte

La marca de un 15 Aniversario es todo un compromiso.

Para poder proyectarla exitosamente, el estudio se armó de paciencia y creatividad para mostrar una apuesta cromática fuerte, en lo que es un acontecimiento de alegría y festejo para la Institución. Así es que se mantuvo el isologotipo original de la escuela, y se operó con diversos tintes por detrás, para acentuar el dinamismo y la riqueza cromática que supone el trabajo con fotografía. Esta re-elaboración de la identidad de la Escuela de Fotografía Motivarte, va de la mano de los últimos trabajos que CCS viene realizando para la misma, donde el resurgimiento del color y el movimiento, son ejes principales en la idea comunicacional propuesta.

El proceso creativo del diseño estuvo acompañado por el Director de la Escuela, Jonas Papier, de amplia trayectoria en el arte de la fotografía y la pedagogía aplicada a su enseñanza. La proyección del isologotipo es la resultante de decantar varias etapas de bocetado y diseño, en búsqueda de una marca dinámica, divertida, pero con peso institucional y de fácil adaptación al sistema corporativo pre existente de la Institución.

 Eduardo Cesario

Conozcan el sistema gráfico de The Music Store

The Music Store

Uno de los últimos proyectos gráficos llevados adelante por el estudio , es el sistema visual y la web de The Music Store , una tienda de música especializada.

Nuestro cliente, Carlos Sterni, recibió con agrado, en primera instancia, el desarrolo de identidad y marca que hicimos para su negocio. Fue ya hace un tiempo que diseñamos la identidad de la firma. En la misma se ve reflejada la frescura, el profesionalismo, y la capacidad de "encontrar el CD que el cliente busca", ideas primordiales a la hora de marcar ventajas competitivas sobre la competencia no directa (las megatiendas como Musimundo y Yenny). Valiéndonos de la estantería como una de las excusas formales para representar a la marca, se expresa la personalización en la búsqueda a medida y la atención al cliente, valores distintivos de The Music Store sobre cualquier casa de música en la Argentina.

El sitio web de The Music Store

El sitio web, por otro lado, está planteado siguiendo las pautas de color, concepto y organización del resto de las piezas corporativas, pero incluye la ventaja esencial que el mismo cliente es capaz de agregar, editar y remover contenidos del mismo, sin necesidad de costos onerosos de mantenimiento mensual. Pudimos insertar un diseño rico y dinámico, en la estructura de un CMS como Silverstripe. En este momento estamos mejorando las opciones "pre programadas" del CMS, para hacerlo aún más personalizado a nuestro cliente, tarea que está siendo llevada adelante por nuestro especialista en Diseño de Sistemas y Programación, Diego Cesario.

La resultante es un sitio que apoya fuertemente la actividad comercial de una tienda que ya cuenta con una fuerte presencia en Mercadolibre de Argentina, pero que necesitaba de un sitio propio para poder establecerse definitivamente en la web.

Eduardo CesarioLa Criatura Creativa

Evolución del rediseño del website smackpage.com en un gif animado

El proceso de rediseño para el website Smackpage.com

Me pareció atractiva la idea de mostrar el proceso de rediseño de website y logotipo que hicimos para el sitio web Smackpage.com.

El rediseño hizo incapié en la idea del sitio, un lugar donde chatear y divertirse con amigos. El nombre "smack" que remite claramente a una onomatopeya de golpear, disparó la busqueda para el isologotipo, que tiene una reminicencia comic. Luego, el sitio muestra esa "cuidada desprolijidad" en toda su interface.

Eduardo CesarioLa Criatura Creativa

Casos de señalética

Parte del proceso de diseño de la señalética para la Escuela de Fotografía Motivarte

Comencé a incorporar material sobre diseños o proyectos relacionados con Sistemas de Diseño Gráfico en el sitio del estudio.

Como primera parte de esta actualización, decidí focalizarme en sistemas de señalética. Los dos casos que se pueden consultar son el de Laboratorios Rapela, que finalmente fue utilizado en el website del cliente, y el de la Escuela de Fotografía Motivarte, que actualmente puede verse funcionando en la escuela.

Esta área en particular de la actividad del diseño, requiere soluciones y planeamientos que atiendan a numerosos aspectos de las piezas:

  • Idea rectora general.
  • Resolución formal pertinente a la idea.
  • Ajuste formal de los pictogramas o señales para una óptima legibilidad.
  • Generación del sistema con constantes y variables que den flexibilidad, pero que ello no resigne unidad a la lectura general.
  • Originalidad a la hora de plantear los signos.

Aquí expongo algunas imágenes del proceso de diseño de la señalética para Motivarte (es una especie de bonustrack, ya que en el sitio del estudio sólo he incluído imágenes del producto final).

Parte del proceso de diseño de la señalética para la Escuela de Fotografía Motivarte

Parte del proceso de diseño de la señalética para la Escuela de Fotografía Motivarte

Parte del proceso de diseño de la señalética para la Escuela de Fotografía Motivarte

Los invito a ver los diseños finales, en el sitio de Criatura Creativa Studio.

Eduardo CesarioLa Criatura Creativa