Si eres un diseñador o una empresa de diseño, olvídate de Flash y los pop-ups a pantalla completa para mostrar tus trabajos. A continuación comentaremos cuáles son las últimas tendencias en la creación de portafolios en Internet.

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

Siempre que navego, como diseñadora web no puedo evitar fijarme en los pequeños detalles que hacen grande a una web.

Normalmente hago una captura de pantalla, recorto la parte que me ha llamado la atención y la guardo en una carpeta llamada “detalles web”.

A partir de ahora continuaré mi colección online e iré poniendo aquí las capturas de pantalla.

Empezaremos por los iconos de atomiq, un blog que descubrí en los feeds de furilo (que uso a diario porque están mucho mejor organizados que los mios).

Iconos para dos tipos de meta-información de un post: fecha de publicación y categoría.

Navegando por HellDesign (gracias a cssvault), he encontrado un icono que he ha gustado mucho:

Toda la página me parece muy buena: el código excelente, la presentación muy clara y su menú, precioso:

También me ha gustado mucho el menú de una agencia de diseño francesa: Cosmic

Tengo yo una espinita de hacer un menú con grandes recuadros…