XHTML y CSS.

El tema de los estándares está de moda. Y si el código de tu página valida, quedarás como el que más sabe del mundillo. Además, CSS es más fácil de aprender que ActionScript (tecnología empleada masivamente en los portafolios antiguos) y, sin Flash, tu página cargará mucho más rápido.

Ejemplos:

• Netdiver (colección de portafolios de diseño)
• Fire on design
• Struktour

Minimalismo.

La página debe tener colores planos: 3 como mucho. Preferiblemente colores armónicos entre sí o un fondo blanco y el color corporativo para los encabezados o detalles gráficos.

Ejemplos:

• Electric Heat

Fotografías de tus obras, una debajo de otra.

Nada de secciones. El cliente quiere ver todo tu trabajo, así que qué mejor que dárselo en una sola página y no hacerle navegar de un sitio a otro. Añade tus nuevos trabajos como si fuera un blog: los más recientes están más arriba, para que la gente pueda ir viendo las novedades sin tener que bajar todo el scroll.

Sugerimos añadir en ese caso enlaces permanentes a las obras, para poder enlazar una en concreto.

Ejemplos:

• Just Design
• Midwest is Best
• Prmthn
• Form Conspiracy
• Shanin
• Happy Pets
• Pioneer 10
• More Better

Clasificar tu listado de obras con colores.

Esto puede reñir un poco con lo que hablábamos de utilizar sólo 3 colores, pero si lo que quieres es más vistosidad en tu página puedes recurrir a darle color o fondo a los elementos de tu listado de trabajos, aportando así una clasificación: por ejemplo, verde los trabajos de ilustración, azul los de animación, amarillo los posters… etc.

Ejemplos:

• Free the departament
• Actualización (29/10/04): By default

Fotografías sobre una superficie de madera.

Un requisito indispensable es que cuando fotografíes tus obras, lo hagas sobre una superficie de madera: una mesa o un suelo de parquet. Eso le dará a tus obras un toque moderno a la par que elegante.

En caso de que la obra sea muy grande, lo mejor es mostrarla sujetándola con las manos en modo de pinza y tapándote todo el cuerpo. Es importante que no muestres tu cara en este tipo de fotos.

Ejemplos:

Conclusiones

No olvides que quien entra en tu portafolio web es porque quiere conocer tu trabajo, posiblemente para contratarte, así que no se lo pongas difícil: hazlo bonito y accesible.

Actualización 2/2/2006: Podéis ver más portafolios de éste tipo en http://del.icio.us/missha/portafolio

Como parece ser que el logotipo para la copa del mundo de fútbol en Alemania el 2006 no ha gustado mucho, varias asociaciones de diseñadores que han propuesto alternativas a la identidad corporativa del mundial.

Form es una revista alemana de diseño que consideró el logotipo “un insulto a los diseñadores alemanes” y se pusieron a crear otras posibilidades:

11 Designer es un colectivo de 11 estudios de diseño que se unieron para hacer propuestas alternativas del logotipo.

Sin duda, mi favorita es la propuesta de Integral Ruedi Baur :

Hace unos meses desveló el origen de estas simples ilustraciones en el blog de Google:

The first doodle was produced by (who else?) Larry and Sergey, who, when they attended the Burning Man festival in summer 1999, put a little stick figure on the home page logo in case the site crashed and someone wanted to know why nobody was answering the phone.

John Maeda (el profesor del MIT que invitó a Rand) hizo una genial crónica del evento: Thoughts on Paul Rand.

Traduzco alguno de los fragmentos que más me han gustado:

La hora de la conferencia se estableció para las 10 de la mañana. Para aquellos que no estén familiarizados con cómo funciona una universidad americana hay que explicar que una conferencia tan temprano es una cosa muy rara, porque los estudiantes normalmente estudian hasta tarde por las noches, así que son menos propensos a asistir a eventos por las mañanas. Pero Rand insistió en que el hablaría por la mañana: “Si a alguien no le merece la pena madrugar para oirme hablar, entonces no quiero hablarles!”

Nota: Fue la conferencia más concurrida del MIT.

El diseño es muy simple, por eso es tan complicado

Contó muchas historia sobre las presentaciones de los diferentes logos que había creado. Una que gustó particularmente fue la historia del logo de NEXT computer. Rand habló sobre cómo cada vez que Steve Jobs pasaba una página del libro de la presentación del logo, su sonrisa parecía ir creciendo cada vez más hasta que finalmente llegó a la última página y preguntó a Rand: “¿Puedo abrazarte?” y Rand respondió: “Claro”. Y entonces comentó: “Sabes que has hecho un buen logo cuando tu cliente quiere abrazarte”

Contó entonces otra historia sobre un cliente diferente donde hubo una aceptación similar del libro de presentación, pero en esta ocasión el cliente (una mujer) preguntó a Rand: “¿Puedo besarte?”. Y Rand respondió: “Claro”. Y comentó: “Debes asegurarte de contarle a tus clientes historias de lo que han hecho tus anteriores clientes (en referencia a la historia de Jobs). Así, ellos intentan superar lo que hizo el último cliente”.

Pero eso no siempre fue así. Amazon empezó con una web casi personal y conforme fue creciendo, la imagen de su marca se fue desarrollando:

El logo actual fue mostrado al mundo por amazon el 25 de junio de 2000. Estaba “diseñado para una mejor comunicación de lo que los clientes esperan de Amazon.com – una gran experiencia de compra”. Querían mostrar su propósito de ser la “compañía más centrada en el usuario del mundo”, representándolo con la máxima expresión de satisfacción de un cliente: una sonrisa.

Y en vez de una simple linea curva, le dieron forma de flecha, que comienza en la letra A y termina en la Z, para enfatizar que en Amazon puedes comprar de todo: de la A a la Z.

Nunca me había fijado en el detalle de la A y la Z, pero si es verdad que cada vez que veo un paquete de amazon, con la gran sonrisa, pienso que esta gente lo ha hecho muy bien.

Otros casos:

happyuser: ¿Que mejor que una sonrisa para expresar una buena experiencia de usuario?

Se trata del proyecto Bosses Biblioteques, que la Diputació de Barcelona le encargó al estudio catalán Petit Comité. Cito textualmente:

La red de Bibliotecas de la provincia de Barcelona necesitaba realizar una bolsa-contenedor, protectora, resistente y con capacidad para libros. El objetivo es repartirla entre los usuarios de las bibliotecas (y el servicio “Biblio-bús”) cuando toman prestada una publicación.

Querían transmitir una imagen cultural y atemporal, también se valoró la posibilidad de que los usuarios la reutilizasen haciendo publicidad del servicio.

Diseñamos el continente y la imagen, para ello buscamos ilustrar el máximo con lo mínimo, solamente con tipografía intentamos hacer una metáfora de una estantería, donde los libros fueran las letras.

Se hicieron dos modelos: uno para el servicio de Bibliotecas y otra para el servicio itinerante del “Bus-Biblioteca”.

Buscando más información sobre los autores me he encontrado con su página web:

petitcomite.net: estas cosas no se ven por Málaga…

Han sacado un suplemento sobre la identidad del periódico, donde se explica la construcción de la cabecera, inspirada en referentes malagueños.

Cada diario del grupo Joly tiene un conjunto de tipos exclusivo. En el caso del Málaga Hoy, han elegido la tipografía Zine, que creó el reconocido tipógrafo alemán Olen Schafer a principios de siglo.

En cuanto al imagotipo, se habla de una referencia picassiana, de la que se ha extraido “el centro de nuestro símbolo: el ojo, testigo de la realidad, signo inequívoco de la objetividad”.

Añaden además, la novedad del color en la cabecera, algo que han considerado “imprescindible para vestir nuestro periódico”, utilizando los tópicos del azul y el amarillo anaranjado (tan recurridos en la Costa del Sol) en el imagotipo y el color almagre en parte del logotipo.

El resultado final me parece muy atractivo visualmente y creo que han conseguido un toque de modernidad cada vez más necesario en la prensa actual.