SilverStripe lanza un concurso para diseñar el default theme de la versión 3.0

El viernes pasado, Silverstripe CMS en asociación con la agencia web Bluehouse Group, lanzaron un concurso abierto a toda la comunidad web, para diseñar la presentación por defecto o default theme de Silverstripe CMS 3.0.

En muy poco tiempo, la compañía lanzará una actualización de su software de CMS, Silverstripe, que representará un gran avance en el producto, de las versiones 2.X actuales a la flamante 3.0.

Para ello, se ha creado este concurso, donde cualquier persona que desee participar, deberá enviar su diseño listo para usar en la interface del CMS. Pueden ver un tutorial por Aaron Carlino aquí.

Una vez creado el theme, debe ser enviado a través de la aplicación Facebook creada para enviar entradas al concurso. Luego, la gente votará por su favorito hasta el 12 de febrero.

Los cinco más votados por el público serán considerados finalistas, y luego serán evaluados por un Jurado constituído por diferentes especialistas de distintas áreas que se relacionan con Silverstripe: Tom Coates, Brice Dunwoodie, Joshua Turner, Felipe Skroski, y su seguro servidor, Eduardo Cesario, quien ha trabajado extensamente con el CMS para crear sitios con diseño personalizado basados en Silverstripe.

El 20 de febrero se conocerá el ganador, que será incluído en el Release Candidate de Silverstripe 3.0. De más está agregar que esto implica un gran logro profesional para quien sea elegido, y una garantía de difusión de su trabajo en el mundo entero, ya que Silverstripe está creciendo cada vez más como un CMS robusto y personalizable.

Espero que les sirva la información, y que puedan participar!

Eduardo Cesario

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

De regreso, en clave baja mayor…

Relanzamiento de eduardocesario.com

Paleta atípitca.

Los que me conocen saben que es una tendencia natural para mi trabajar con colores brillantes, puros, contrastados.

¿Y como explicar el relanzamiento de mi sitio web, en un fondo negro que casi copa toda la superficie visual?

Lo más personal y profundo, a veces sale de lugares donde no necesariamente llega la luz, o no en la cantidad que muestra la vida cotidiana. Son reflexiones que vienen de un costado más íntimo, reflexivo, humano.

Pero como una fiera enjaulada, el contraste y la stauración propias de mi "personalidad gráfica", aportan en forma de acentos de color, guías que los llevarán a través de este universo personal, donde muestro un poco más las pasiones, disciplinas y cosas que me movilizan a diario.

Pueden visitarlo en http://www.eduardocesario.com

Espero que lo disfruten

Eduardo CesarioLa Criatura Creativa

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

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

Optimizando el diseño acorde a estándares y vendiendo el alma a mi costado geek

Agunos tips geeks para optimizar el diseño web basado en estándares (css y xhtml)

Quien hubiera dicho que un diseñador gráfico se vería complacido en tipear, si, tipear, el código de un sitio en vez de usar alguna interface o software preparados para tal fin?

Sinceramente, yo nunca lo pensé. Ahora, si hoy en día me preguntan si lo hago, y si, la verdad es que me es mucho más práctico y ahorra problemas, a pesar de que siempre preferí usar interfases mucho más didácticas.

Cuando comencé a diseñar basándome en estándares y usabilidad, allá por el 2005, esa tarea me parecía monumental, inalcanzable, inaccesible… buscaba siempre aplicaciones que auxiliaran a mi ojo, entrenado esencialmente en lo visual. Conviví con el Dreamweaver (por aquella época Macromedia Dreamweaver), luchando con versiones viejas menos preparadas a la correcta pre-visualización de Cascade Style Sheets…

A mediados del año pasado, sin darme cuenta, estaba usando el Smultron (el mejor editor de texto para mac, a menos para su seguro servidor), y tipeando la mayoría del código de la plantilla que estaba desarrollando "a mano".

Llegué a este punto gracias a una gran virtud que nos da el trabajar con CCS y xhtml strict: el poder de abstracción. Usualmente, dibujo un layout modelo al cual quiero llegar, y armo un anteproyecto (lo más parecido a lo que pretendo diseñar en la realidad del código), y ahí distribuyo en divs y secciones las partes del diseño.

Luego voy abriendo y cerrando los tags, todo tipeado. Esto me permite aprovechar las siguentes ventajas:

  1. Errores de validación casi nulos: es muy difícil que tipee algún tag incorrecto, o que complique mucho el código (esto en general es hecho por los distintos programas destinados a diseño web, ya que deducen donde incia y terminan los tags, y muchas veces por cerrar alguno que quedo abierto, lo hacen mal).
  2. Simplificación de la estructura: al uno estar desarrollando palmo a palmo el código, tiende a que éste sea lo menos complejo posible (por comodidad, prolijidad, etc).
  3. Orden en la estructuración del contenido y sus propiedades: voy asignando las clases y selectores a medida que voy ingresando el código, a pesar que estos aún no existen (la hoja de estilos es el siguiente paso).
  4. Coherencia entre la hoja de estilos y el código: ya que baso todo el trabajo de CSS en el código previamente concebido. Esto deriva en no tener miles de clases y estilos que se han dejado de usar porque se cambió la estructura del código, pasando a ser inútiles, ya que es raro que éste cambie en su esencia una vez que ha sido estructurado.

Lógicamente, reconozco que para llegar a este nivel de geekeada (si se me permite el neologismo), se requiere un poco de experiencia en el tema. En mi caso, el mismo camino me fue llevando a adoptar esta modalidad de trabajo. No digo que sea la única, ni mucho menos la "correcta", pero me pareció interesante compartir la experiencia. Sería interesante conocer opiniones de colegas que por casualidad lleguen a este blog…

Saludos y feliz 2010!

Eduardo Cesario

PD: quédense tranquilos, si me copio el DOCTYPE con copy paste del Dreamweaver! ;)

Relanzamiento del sitio oficial de organicacreativa.com

Organica Creativa de nuevo online

El sitio oficial de Organica Creativa , estuvo offline unos meses, después de que descubrí que había un virus que direccionaba tráfico del host donde estaba subido el sitio.

De vuelta al ruedo, he reconstruído nuevamente todo el diseño original del sitio, con el agregado de que esta versión ha sido migrada a Silverstripe CMS, y utiliza la tecnología de sitios multi lenguaje, revisada y completamente funcional en la versión 2.3.2 del CMS.

Los invito a visitar el sitio y dejar sus impresiones aquí!

Eduardo CesarioLa Criatura Creativa

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