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

Actualizar contenidos de tu blog, garantía de tráfico a tu website.

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

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

Positrónica, un tributo al maestro de la ciencia ficción: Isaac Asimov

 Positrónica, un tributo en CSS al maestro Isaac Asimov

Las bases del éxito en ciencia ficción
(con disculpas para W.S. Gilbert)

Para triunfar con límpido brillo en el oficio de la ciencia ficción,
recurre a la jerga de las ciencias (aunque sólo te suene a jerigonza).
Habla del espacio, de galaxias y de falacias teserácticas
en estilo místico y agudo;
el aficionado, aunque no entienda un bledo, te lo exige
con blanda sonrisa de esperanza.

Y el aficionado dirá
mientras tú por tu espacial senda andarás:
si ese joven vuela por toda la galaxia,
qué tipo de hombre tan imaginativo ha de ser ese tipo de hombre.

No hay misterio en el éxito: desempolva tus libros de historia.
Un imperio que otrora fue romano encaja en la estrellada Vía Láctea.
Con hiperespacial impulso surcará los parsecs,
y armarás una trama sin mayor trajín
si espigas las obras de
Edward Gibbon y de Tucídides el griego.

Y el aficionado dirá
mientras tú por tu reflexiva senda andarás:
si ese joven conoce tanta historia,
qué alto ha de ser su alto cociente de inteligencia.

Borra todo pensamiento lujurioso de la mente cavilosa de tu héroe.
Que cultive la política y la argucia y se ciegue a todo lo demás.
Le basta con haber tenido madre, las demás mujeres sólo estorban,
a pesar de sus joyas y sus lustres.
Sólo distraen de sus sueños y le impiden
consagrarse a esa psicohistoria.

Y el aficionado dirá
mientras tú por tu estrecha senda andarás:
si todo es masculino en sus relatos,
qué casto ha de ser ese joven puro y casto.

Isaac Asimov

Lo mejor de dos mundos: Usando Silverstripe CMS para producir xhtml strict

Nuevo Sitio diseñado por CSS: neverthend.com

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.

Lo mejor de dos mundos.... pantalla de sitio y pantalla del cmsLa 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 CesarioLa Criatura Creativa

Diseño de sitios web:
descentralizando los contenidos

El diseño de webs va evolucionando según pasan los años. Un detalle que particularmente me llama la atención por estos días, es como uno siendo diseñador gráfico, puede empezar a resolver unas cuantas cuestiones, muchas relacionadas con la programación o bases de datos, sin tocar directamente una aplicación destinada a tal fin. Hoy en día, con un buen conocimiento de html, y un basico conocimiento de php, podemos producir webs potenciadas por diferentes tipos de contenidos, buscando aplicaciones o sitios que sirvan contenidos o brinden servicios a tal fin.

Este artículo no pretende ser una guía super completa o un catálogo. Si citar unas cuantas aplicaciones o sitios web, que he utilizado en diseño de varios sitios, y que me han resuelto la parte funcional en gran parte. En al mayoría de los casos, hay que tener una cuenta en los sitios como Flickr o Twitter, en otros casos es probable que si querramos tener mayor control de las situaciones, debamos instalar el software en nuestro servidor, como el caso de WordPress.

Los elegidos en esta oportunidad son:

Flickr

Flickr es la comunidad para compartir fotografías más grande del planeta. La registración es gratuita, y uno puede subir sus fotos con pocas limitaciones, o pagar un fee anual de 25 dólares por una suscripción que elimina todos los límites en la cuenta.

Lo interesante, es que se puede categorizar el material en sets (carpetas), por tags (palabras clave) y demás funcionalidades. Luego esas fotografías pueden ser importadas desde otras webs o desde un blog.

Hoy en día existen numerosos scripts que hacen fácil la tarea de incorporar imágenes de flickr en nuestro website. 
Pueden chequear:

YouTube
Youtube es un sitio revolucionario, no sólo por poner al alcance de cualquier navegante un potencial de difusión de su propio material, así como la consulta de miles de videos que la misma comunidad cibernauta publica, sino también por constituirse en un método simple y fácil de integrar contenidos en video en nuestro website. No necesitamos potentes servidores, ni preocuparnos por el límite de transferencia de nuestro sitio, ya que todo el trabajo es realizado por los servers de YouTube.

Hacerlo es tan fácil como copiar el código html que el mismo sitio nos provee en nuestra propios documentos o blogs.

WordPress

WordPress es una aplicación con la cual podemos crear un blog en segundos. Hoy en día, lo que antes era un software de descarga e instalación super rápida, ofrece dos soluciones.

  1. WordPress.org
    La tradicional, es bajar el software, que es gratuito. Hecho esto, subimos el programa a nuestro servidor, y lo configuramos en segundos. Esta opción es la que yo reocmiendo, ya que luego será mucho más flexible la configuración y customizacion del blog desde un host propio.
  2. WordPress.com
    Para los que conocen Blogger o sitios similares, esta es la respuesta que la popular plataforma ofrece: crear un blog remoto, tan sólo suscribiéndose al servicio.

twitter
Twitter es un atajo entre un blog y un SMS de un teléfono celular. Esta aplicación web funciona bajo el lema ¨¿que estas haciendo ahora?. Suscribirse es gratis, y lo interesante de este servicio, es que apunta a mantenernos conectados con nuestros compañeros de trabajo, familia, amigos, etc, a través de cortos mensajes de texto plano, que se ingresan mediante la web de twitter, o via celulares, etc.

Particularmente interesane, es que estas actualizaciones o ¨updates¨, están disponibles en formato de un feed RSS. Con este formato, podemos incluirla desde multitud de lugares, entre ellos, y por que no, nuestro website o blog.

Estas son tan sólo unas pocas herramientas que existen hoy en día, en esta famosa web 2.0, y que nos permiten descentralizar los contenidos de nuestro propio sitio web, permitiéndonos no sólo ahorrar espacio de almacenamiento, sino también independizarnos de nuestro servidor, y aprovechar servicios externos para incorporar contenidos vía remota, cuando no estamos con todas las contraseñas encima, o cuando estamos en un viaje y queremos mantener actualizados nuestros sitios. 

Eduardo Cesario La Criatura Creativa

Sitios Web modelo 2008:
El presente

Retomando el tema, el panorma reinante para el diseño web es increiblemente amplio y accesible. Intentaré en estas líneas hacer un breve recorrido de lo que considero más sobresaliente.

Hoy en día, como decía en la primer parte de este artículo, diseñadores gráficos y web nos acercamos mucho más a la funcionalidad y usabilidad de una web, gracias, en parte, a la popularización del trabajo con estándares, como son el xhtml estricto y las hojas de estilo (cascade style sheets). Uno de los colectivos de conicentización más importantes del mundo en cuanto a este punto, es el CSS Zen Garden . En mi experiencia particular, fue la ventana introductoria a este nuevo, y al principio desafiante, mundo de la usabilidad, pudiendo participar en este proyecto con Organica Creativa .

Acompañando a esta revolución orientada a la funcionalidad y usabilidad, también hubo mucho avance en cuanto a la programación web, y la posibilidad de incluir trozos de código, o mini aplicaciones, en nuestros propios sitios web, sin pagar un centavo, gracias a numerosos proyectos comutiarios del tipo Open Source.

La herramienta de animación por excelencia, Flash (de Macromedia, hoy en día de Adobe) siguió su progreso en cuanto a facilidad de uso y estandarización. Actualmente, su uso es más a conciencia en los sitios web, no como al principio de los 90´s, donde todo era un gran sitio animado. Las interfases integran partes realizadas en flash, para enriquecer la experiencia visual que ofrece esta poderosa herramienta, pero no subordinan el uso y la experiencia de un sitio a ésta.

Todos estos vientos de cambio, auspiciosos en mi criterio, vienen acompañados de una verdadera revolución social-virtual, de la mano de la web 2.0, y los sitios web orientados, cada vez más, a la experiencia social, y al intercambio y disponibilidad de todo tipo de contenidos online.

Todo este relato me lleva a concluir en donde quería focalizarme: ¿Cómo es que se verifican todas estas influencias en los sitios web actuales?

Principalmente, en las numerosas nutrientes que disponemos hoy, para transmitir información y contenidos a través de sitios web de terceros, lo que yo denomino, Descentralización de Contenidos.

Sobre esto hablaré en la próxima entrega.

Eduardo CesarioLa Criatura Creativa

Sitios Web modelo 2008:
Una retrospectiva

Cuando empecé con esto del diseño web, allá por el año 1999, recuerdo bien la situación del diseño. Por aquel entonces, ya lo básico del lenguaje html había sido mostrado, y algunos se aventuraban a usar los, por entonces, poco compatilbes scripts en java para enriquecer la experiencia en los sitios (a mediados de los 90, en realidad).

A fines de dicha década, y con el boom de las .com en Argentina, cualquier empresa lanzaba su sitio web, por demás ambicioso, y con la tecnología en lo que hace a la funcionalidad y accesibilidad, ni por asomo comparable a lo que es hoy.

¿El resultado? muchas compañías invirtieron en una empresa que supusieron pagaría con ganancias muy pronto.

Error.

Sólo sobrevivieron las que realmente estaban dispuestas a soportar un mediano período de inversión a pérdida.

Es por ese tiempo, que el boom del diseño web era diseñar complejas interfases visuales diseñadas con Macromedia (snif) Flash.  Con la tecnología de banda ancha e internet a alta velocidad recien asomando (al menos en nuestro país), la mayoría de usuarios debían tolerar excesivos períodos de ´preload` de una introducción a un sitio web, que ni siquiera sabían si valía la pena navegar.

La paradoja termina siendo que hoy en día, ya entrados los 2000, este modelo de diseño complejo y demandante, ha dado paso a los sitios web centrados en contenidos, en la internet social, y en la usabilidad y accesibilidad al usuario final. Algo más impensado aún, es que el html vuelve con mucho más vigor que por aquel entonces, y la concientización sobre uso de estándares se hace mucho más presente en nuestros días. El javascript es mucho más estable y utilizado ampliamente. Los lenguajes de programación para web (php, ajax, ruby on rails) hacen al diseñador la vida más fácil, ya que podemos utilizar código que se obtiene libremente, para dar vida a nuestros sitios, ¡sin enloquecer!

Así, el escenario para nosotros los diseñadores, ha cambiado radicalmente, para mejor.

Continuará…

Eduardo CesarioLa Criatura Creativa

SilverStripe CMS adopta a Organica Creativa

Organica Creativa + SilverStripe CMS

Me escribió Sigurd Magnusson, Chief Marketing Officer de SilverStripe , un atractivo CMS, para pedirme si podían realizar una adaptación de Organica Creativa para su producto.

"Realmente disfruto tu trabajo para  CSS Zen Garden (#188 Organica Creativa) y estaba pensando si nos darías permiso para adaptarlo a una plantilla (template) HTML código abierto, a ser usada con SilverStripe, un CMS código abierto, basado en PHP. Estamos buscando sólo templates de calidad sobresaliente, y el tuyo encaja perfectamente con nuestra busqueda, en mi opinión!"

Así es que tratándose de un proyecto open source, no dudé un segundo en dar el permiso para que el diseño siga expandiéndose por el mundo, nada más gratificante que a la gente le guste mi trabajo.  En breve habrá novedades sobre la adaptación a SilverStripe.

Eduardo CesarioLa Criatura Creativa