Contábamos con 2 premisas dadas por el cliente, por un lado la tipografía que debíamos usar y por otro, la gama cromática que debíamos seguir.

Como viene siendo habitual, las prisas nunca fueron buenas consejeras.

Logotipo del Evento
Faltaba algún elemento gráfico (imagotipo) que le diera más fuerza al logotipo. Decidimos que al ser un Evento realizado en España el imagotipo debía tener alguna connotación visual claramente española. Abel Ruiz, ilustrador de Blogestudio (entre otras cosas), creó diferentes posibilidades:

Estábamos cerca, pero no acabábamos de encontrar el elemento adecuado, el imagotipo que realmente pudiera transmitir lo que el cliente quería, un Evento Español de comunidad, de personas, de escritores,…de Blogueros. Por fin pudimos entregar al cliente un primer prototipo del logo y se mostró encantado con el trabajo realizado. La pluma con el gusanito de la eñe gustó. Habíamos pasado la primera fase, muchas veces la más complicada: un logotipo “cutre” puede echar al traste el resto del proceso creativo. Aun faltaban muchas cosas por hacer.

Desarrollo del wireframe
Cualquier proyecto Web, desde el más sencillo al más complejo, debe contemplar la realización al menos de un wireframe tipo. El wireframe cumple la función de ser un boceto, el esqueleto de la página. Y siempre será más sencillo hacer ajustes a un boceto que a un producto final.

Creación del Blog
Con el logotipo y wireframe validados, era el momento de crear el Blog. Utilizando el tono cromático recomendado por el cliente como referencia, comenzamos el diseño del Blog, y yo, como diseñador de Blogestudio, quería potenciar la carga gráfica exclusivamente en la cabecera, buscábamos una página rápida, el perfil del usuario sería el de gente con ganas de información y una lentitud de carga podría echar al traste la finalidad del Blog.

La cabecera estaría formada por 4 capas claramente diferenciadas:

1. Base de color: Utilizamos el color verde (valor hexadecimal:1F656A) que recomendó el cliente.
2. Fondo de textura: Imagen dinámica, que potenciara la carga estética de la cabecera.
3. Imagen decorativa: Se utilizó una imagen que plasmara el concepto de Comunidad, los “muñegotes” dieron mucho juego.
4. Logos: Tal vez la parte más complicada, demasiados logos para tan poco espacio.

Yo soy partidario de hacer diseños fijos en los proyectos (Web, blogs) ya que se tiene más control estético en el resultado final. Los diseños líquidos, a mi parecer, quedan sin fuerza gráfica, desvirtuados. Líquido y rígido son los dos conceptos que definen la adaptación al tamaño de pantalla de una web, es decir, si se estira o no con una pantalla u otra. Es la gran discusión del diseño web en estos momentos. Al final, la mayoría (Jose Luis, Benito y algún que otro conspirador de Blogestudio) optó por un diseño líquido.

Links sobre el tema del diseño líquido: proyectoweb, grancomo

Diseño fijo y líquido

El sidebar
En un principio, el sidebar no iba a tener opciones a doble columna, la incorporación del diseño líquido, permitió utilizar las categorías y espacios publicitarios en una misma zona.

Hay que mencionar que la adaptación del CSS en el proceso de maquetación del Blog la realizó José Luis Antunez .

Otros elementos desarrollados
Desde la organización del evento se propuso realizar banners publicitarios que pudieran ser colocados en otros Blogs. Este fue el resultado. Se colocó en el blog el código del banner listo para pegar donde se quisiera. Muchos de los participantes los inscrustaron en sus blogs y creemos que ayudó mucho a difundir el Evento Blog.

Proceso de creación de la Identidad Gráfica de Evento Blog 2006 is a post from: Blogestudio

Technorati Tags: Blogestudio, EBE06, Proyectos

Mucho se ha hablado ya sobre el evento, las conferencias y las mesas redondas pero me gustaría destacar la siguiente frase de Matt Mullenweg: Design Matters (el diseño importa).

Fue, si no recuerdo mal (pronto subirán la presentación junto con el resto), el primero de los consejos que Matt amablemente nos brindó tras su experiencia y errores cometidos a la hora de lanzar WordPress y que se diría a si mismo si pudiera volver unos años atrás. Y no creo que fuera por casualidad que coincidiera con ser el primero de la lista, tampoco estaban ordenados alfabéticamente (el segundo era backup), más bien se trata de la importancia y su efecto sobre la experiencia de usuario y sobre la credibilidad del proyecto que le da al aspecto del diseño de un correcto interfaz de usuario para WordPress y la posibilidad de utilizar temas para cambiar el aspecto del blog.

Con este consejo reafirmó uno de los principales motivos por los que nos decidimos a lanzar blogestudio: ofrecer servicios de diseño a este mundo de los blogs.

La foto de familia de los que quedamos a la hora de clausurar el evento:

(Gracias Wicho por la foto)

El diseño importa is a post from: Blogestudio

En estos momentos hay muchos bloggers escribiendo y publicando en tiempo real las mesas redondas que se están desarrollando y subiendo fotos a flickr.com y sin duda, la mejor forma de tener una visión global de lo que se está cociendo en el evento es seguir estos enlaces:

Technorati: http://www.technorati.com/tag/ebe06

Flickr: http://www.flickr.com/photos/tags/ebe06/

EBE 06: Seguimiento en directo is a post from: Blogestudio

Acabamos de llegar a Sevilla al Evento Blog España 2006, estamos en el hotel ultimando los detalles para publicar este blog (¡por fin!) y nos vamos corriendo para la Sede de la Diputación de Sevilla donde esperamos encontrarnos con amigos y conocer a mucha gente interesante. De momento, ya hemos ido en el mismo avión desde Valencia con nuestros amigos Ruben y Ferran manteniendo una animada charla sobre este mundo de los blogs.

Contar también que hemos preparado un pequeño detalle para los asistentes al evento con motivo de la inauguración de este blog. Hemos pensado que sería interesante un hub USB que permita conectar y ordenar un poco los periféricos que tenemos alrededor de nuestro ordenador y que nos haga recordar la experiencia que vamos a vivir estos días en Sevilla.

Se trata de un Hub USB 1.1 de 4 puertos que permite conectar nuestros dispositivos a una velocidad hasta 12 Mbps y que funcionará perfectamente con ratones, teclados, teléfonos usb, cargadores, etc.

Al final llegamos a tiempo para que estuvieran hoy en Sevilla y la organización pudiera entregarla junto con el kit de bienvenida. Hemos publicado unas fotos en Flickr del proceso de etiquetado y embalaje de las mismas

¡Esperamos que guste a los asistentes!

Ya estamos en Sevilla is a post from: Blogestudio