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 Cesario

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 Cesario

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

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 Cesario

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.

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.

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 Cesario

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, 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 Cesario

Durante mi última visita a Ciudad de Mendoza, noté una drástica merma en la cantidad de visitantes al sitio web del estudio.
Curioso por este fenómeno, le comenté la cuestión a mi amiga y colega Nani .
Lo primero que preguntó, fue si hacía mucho tiempo que no actualizaba el blog.

Dado la cantidad de trabajo que se había presentado en ese tiempo, sumado a la necesidad que siento de escribir cosas que considero útiles (si, maldita autoexigencia), y la inspiración no había acompañado mucho, la respuesta fue un "no".
Particularmente interesante resultó, que, dada la estructura del sitio de CCS actual, el blog se encuentra incluído dentro del sitio principal del estudio.
¡En cuanto actualicé el blog, a la semana, las visitas volvieron a duplicarse!
Lo que voy a decir no es ninguna novedad, pero por las dudas, tomen nota webmasters:

Hoy en día, un feed de un blog actualizado, vale más que muchos urls que podamos generar con la estructura propia de nuestros websites.

• Es accesible desde múltiples sitios web,
  
• es fácil de actualizar y mantener (a excepción de la originalidad y ocurrencia de los contenidos),
  
• y genera urls más ricas, que google indexa casi inmediatamente…

A tener en cuenta este detalle.

Eduardo Cesario

Un tiempo atrás conocí SilverStripe , a través de una convocatoria que me había hecho Sigurd Magnusson , uno de los Co Fundadores del proyecto.

Al principio me mantuve un tanto reticente a usar SilverStripe, principalmente porque no veía una forma de hacer que el CMS produzca xhtml strict. Obviamente, mi conclusión apresurada fue resultado de la falta de tiempo para inverstigar, sumada a la íntima convicción de que un CMS produciría un sitio prototípico, sin poder diseñarlo a gusto.

Luego de un tiempo, decidimos en el estudio empezar a probarla. Así es que diseñé la interface y look and feel general de un sitio nuevo , y la produjimos en xthml+css, de manera local.

La problemática de integrar SilverStripe giró más en torno al proveedor de host local, que al producto en sí. Una vez que tuve resuelto el sitio de manera general, procedí a integrarlo al CMS. Allí conté con el apoyo de la gente del foro de SilverStripe, que siempre está dispuesta a contestar dudas e inquietudes. El soporte que brindan a través de su sitio es increíble, por tratarse de un producto gratuito.

Con respecto al sitio de nuestro cliente, Never The End , es una empresa local dedicada a producir remeras-tributo a los grandes filmes de la historia del cine. Para ello, la estética mezcla lo antiguo/moderno, en un sitio retro pero con estética actual.

Haciendo una breve síntesis de la implementación de Silverstripe:

Lo positivo:

• Curva de aprendizaje para el uso del CMS rápida.
• Instalación simple.
• Alta personalización del contenido que produce el CMS.
• Permite producir código xhtml strict.
• Soporte en el foro de Silverstripe, casi siempre tienen respuestas a tus dudas.
• Es gratuito!
• Es Open Source!

Lo negativo:

• Si no tenés conocimientos intermedios sobre html, el principio puede ser más costoso.
• Cuidado con tu host! si bien la instalación es simple, resultó engorroso hacerlo correr en mi proveedor de Argentina (elserver.com).
• Los tutoriales, si bien son bastante claros, pueden confundir a veces.

La conclusión es que este CMS, altamente personalizable, es una buena herramienta para generar sitios con código estándar, tiene apoyo de una comunidad bastante solidaria, y sobre todo, es gratuito!

Eduardo Cesario

El otro día repasaba un poco las cuestiones estéticas y de gráfica a la hora de diseñar. Inevitablemente (y también concientemente) el estilo que me identifica es el de colores saturados, contraste, mucho trabajo vectorial y orgánico sobre las formas.

Parecería que esta tendencia orgánica y saturada, sería irreconciliable con otras corrientes gráficas.

Es así que empecé a diseñar los isologotipos para KiteSpirit , un proyecto que pretende propulsar el Kitesurfing (un deporte relativamente nuevo, que hace convivir el surf, windsurf, wakeboard y demás deportes acuaticos) en el medio local.

Los conceptos o lineamientos generales fueron libertad, aire libre, naturaleza. Basándome en la idea de integridad, equilibrio con el medio ambiente y algunos rasgos de las otras palabras, arribe a un isologo globalizador de la propuesta.

A esta forma de diseñar, con formas claras, orgánicas y vectoriales, le faltaba algún aderezo gráfico para hacerlo convivir exactamente con la idea a comunicar, mejor dicho, con la estética que maneja el público surfer: estampados, fondos con texturas, tipografía rota, en síntesis, la famosa onda Grunge, impuesta en los 90's por el reconocido David Carson, en cuanto a lo visual, y un sinfín de bandas de rock (Nirvana, Pearl Jam, Soundgarden, etc).

Pese a que no es una de mis estéticas favoritas, me pareció más que pertinente incluirlo en el plan de diseño, con el fin de poder flexibilizar la propuesta gráfica con dos estéticas que suman desde dos lados completamente distintos.

Es así que decidí combinar los colores brillantes, formas planas y orgánicas, con suciedad, texturas y formas más anárquicas. El resultado: GRUNGE POP!

En principio, dos corrientes gráficas que me parecían completamente incompatibles, han sido puestas en común al servicio de un proyecto que requiere un toque novedoso sobre lo ya creado: si me hubiera limitado a seguir la tendencia existente en el mercado, hubiera decantado en un diseño prototípico, encasillado en lo ya existente.

Lo interesante en todo esto, es empezar a visualizar, que si bien uno no simpatiza con ciertas estéticas (como pasa con la música), eso no inhibe la posibilidad de integrarlas a trabajos que así lo requieran. 

Creemos como estudio que del fruto de la inspiración e investigación, se llegó a una identidad novedosa para este tipo de productos.

Eduardo Cesario