¿Cómo hacer un portfolio web?

Seguimos con esta serie de posts, a medio camino entre entradas y artículos (véase el anterior Mercado de trabajo Actionscript) He estado buscando bastante información al respecto y la verdad es que no hay mucha, encontré algo en Alzado pero bastante desfasado (2003-2004)

El propósito de esta entrada es doble:
- Ayudar a quienes se plantean por primera vez hacer un portfolio online
- Dar mi opinión sobre las distintas opciones en la web para hacer un portfolio

¿Quién va a visitar tu portfolio?
Aparte de tus amigos, posiblemente alguien que está pensando en hacerte una oferta de trabajo ya sea freelance o contratado. Ten muy en cuenta varias cosas:
- El lenguaje va a ser visual, no hacen falta muchas explicaciones
- Al usuario no le gusta esperar
- Probablemente no vayan a ver el 100% de tu trabajo, es más, me atrevo a decir que ni el 50%. Normalmente van buscando algo.

Me centraré en tres puntos:
1- Estructura del portfolio
2- Características
3- Plataforma, Referencias y ejemplos


1- ESTRUCTURA DEL PORTFOLIO
Lo primero que hay que hacer es organizar el contenido, "content is king", quiere esto decir que es lo más importante al fin y al cabo, si bien la forma de presentarlo a mi me parece muy relevante.

Hay que contestar a una pregunta: ¿Cómo vas a presentar tu trabajo?
Tendrás que elegir entre dar más importancia al formato o al Cliente, depende mucho del número de trabajos que tengas. Otra opción es separar tu portfolio en secciones, lo que más se ve por ahí es la separación entre Grafica y visual.

Así las cosas, lo mejor es abrir un psd y preparar todos los trabajos a poder ser con las mismas dimensiones. Puedes ir pensando también si vas a explicar algo por cada trabajo (un pequeño texto) aunque los trabajos suelen hablar por sí solos.

Ya tienes los trabajos preparados y posiblemente una explicación de cada, hay quien incluso prepara miniaturas para que el usuario se haga una idea. Con este material ya podrías preparar un XML (archivo, miniatura, descripción, link) para hacer cargas después. Yo hice mi portfolio de esta forma hace 2 años, luego hacer varias versiones para el fondo de la página, el tema, es muy fácil.

Siguiente pregunta a la hora de presentar el trabajo: ¿Va a haber una temática en el site?
Esto puede hacer que tu portfolio sea mucho más atractivo pero también puedes caer en transiciones y precargas innecesarias. Si tu contenido está bien organizado no te debería costar mucho cambiar "el tema" del portfolio. Piensa también en la facilidad para actualizar tus trabajos, dentro de un año tendrás más...


2- CARACTERÍSTICAS
Aquí algunas recomendaciones:

Muy importante: Teoría de los 3 Clicks: Con tres clicks cualquier usuario debería llegar a cualquier parte de tu website. Si no es así el usuario se cansará y se irá a otra página. Rapidez, simplicidad, acceso rápido.

Respecto a los que no recomiendan usar Flash en un portfolio no voy ni a perder el tiempo con esa gentuza. Tan sólo animo a que sigan leyendo pues más adelante aporto varias formas y plataformas para presentarlos además de Flash.

En cuanto a los archivos, no deberían pesar cada uno más de 200Kb. La precarga mata. Si son grandes mejor, pero a veces es mejor poner un tamaño intermedio con un link.

La web de tu portfolio debería estar mínimo a 1024x768. Creo que todos los trabajos deberían tener el mismo tamaño, odio los pop-ups para ver un trabajo (haces trabajar más al usuario), no me gustan los full-screen (porque soy un usuario inteligente y puedo navegar en diez páginas a la vez, no en una, no soy idiota y el usuario tampoco), no me gustan las transiciones que duren más de medio segundo (un segundo por trabajo + un segundo por precarga = usuario abandona -> te quedas sin curro).


3 - PLATAFORMA, REFERENCIAS Y EJEMPLOS
¿Dónde colgar tu porfolio?

Puedes hacer un Flip portfolio, está muy visto pero funciona, lo tienes en Page Flip, o en Flipping Book, yo hice algún experimento con ello.

Puedes poner un pdf con todo el trabajo, hay gente a la que no le gusta navegar y que quiere pasar un rato grande estudiándote. De hecho hay muchas Design Magazines donde te bajas un pdf.

Puedes hacer un blog y colgar todo el trabajo, véase en blogspot o en wordpress, aunque la verdad es que veo más en Blogger. Por ejemplo Elmyra Duff.

Puedes hacer un Fotolog o subir jpgs a Google Picassa, o mejor todavía a Flick, los slideshow no funcionan mal. Yo hice algunas pruebas en Picassa pero no me convence el fondo blanco. Mejor Flickr, más si eres fotógrafo, véase normal o Slideshow.

Puedes utilizar páginas donde te ceden espacio gratis: Behance, Carbonmade, Creative Binge, Coroflot, Design:Realted, Devianart, Portfolios.com y la que más me gusta: Muse.

Puedes hacer tu portfolio en Flex, no he visto muchos, ahí está Clickbooq aunque es de pago. Yo tengo también algunas pruebas bastante poco fiables, la verdad.

La mejor opción es hacer un website personalizado, para mí lo más recomendable, mejor en Flash y más fácil con Actionscript que con línea de tiempo (de cajón). Yo tengo pendiente hacer un MVC Portfolio OOP. Una vez que tengas la estructura cambiar la Vista no debería ser difícil.
Aquí algunos buenos en Flash, o en Javier Ferrer Vidal o en FlashDen, hay millones. Yo tengo unos cuantos links (Estudios y portfolios) aquí -> (a tu derecha)

Otra opción: HTML simple, Fotos + texto + links, por ejemplo Misiva. El usuario sólo tiene que "scrollear". También puedes hacer dos versiones (HTML + Flash) pero no sé cómo iras de tiempo y tampoco se lleva mucho.

Vuelvo a recomendar darse un paseo por Taschen y por IndexBook, aunque sea para coger ideas. Hay varios libros sólo de portfolios: En Taschen Flash Sites, Portfolios, Web Design Studios,
Web Design Studios 2, en IndexBook Cómo crear portafolios de Diseño, 100% Proyectos personales, 100% Design Portfolio y Sin briefing: Proyectos personales de diseñadores gráficos.