martes, enero 29, 2008

¿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.

53 comentarios:

Alejandro dijo...

El problema que veo al tema del Portfolio son las actualizaciones ;).

Tengo hecho uno en flash, con MVC, OOP, datos en XML usando varios índices... etc. No recuerdo muy bien cómo eran los índices, algo así como: Tipo de trabajo / medio, Funciones, Cliente, Colaboradores...

Pero el principal problema es que como uno anda saturado de trabajo, hay poco tiempo para la auto-promoción.

Mi consejo es que se busque un formato cómodo de actualizar y como bien dices, que vaya al grano, pensando en quien va a terminar interesándole. El PDF con la versión impresa (2 folios máximo) lo veo imprescindible.

Hay que considerar no ponerlo todo, sólo lo más destacado. Se puede poner un listado con los trabajos que no son destacados, pero todo todo no interesa a nadie. Si muestro mis trabajos del año 2000 algunos dan hasta risa ahora ;)
Además, no ponerlo todo simplifica las actualizaciones futuras.

fernandocomet dijo...

Cierto, conozco incluso muy buenas agencias (o eso dicen) que no tienen ni web de trabajos.

Además siempre ocurre que alguno de los links que lanzas no funcionan y quedas fatal. Al final lo mejor va a ser mandar un pdf como tú dices.

Encontré más info en: http://www.digital-web.com/articles/the_perfect_portfolio/

fernandocomet dijo...

Otro sitio con ideas:

http://freelanceswitch.com/general/crafting-a-great-portfolio/

fernandocomet dijo...

Más artículos sobre el tema:

http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/

http://freelanceswitch.com/designer/9-insane-portfolio-designs-to-make-you-drool/

fernandocomet dijo...

y más:

Ejemplos:
http://www.youthedesigner.com/category/graphic-design-portfolios/

Guía:
http://www.youthedesigner.com/2008/01/31/the-one-page-graphic-design-portfolio-guide/

fernandocomet dijo...

http://www.slideshare.net/michelemmartin/online-portfolios

fernandocomet dijo...

http://freelanceswitch.com/finding/5-tips-for-a-better-online-portfolio/#more-958

fernandocomet dijo...

http://freelanceswitch.com/designer/17-websites-to-boost-your-designer-profile/#more-1035

noalosgafapastis dijo...
Este comentario ha sido eliminado por el autor.
Anónimo dijo...

vxqqrn dwjupk ugg outlet gold coast ugg boots outlet ugg boots sale avlpiqqy louis vuitton handbags vernis louis vuitton purses louis vuitton outlet key cxtkexp lhoeadv pcfeg Blogger: Actionscript & Comet - Publicar un comentario en la entrada xbxsaau beats by dre monster cheap beats by dre cheap beats by dr dre headphones smcedzoi coach outlet kansas city mo coach factory outlet coach handbags cleaning wscerble

Anónimo dijo...

nz dating free http://loveepicentre.com/success_stories.php over 55 golf dating

Anónimo dijo...

[url=http://loveepicentre.com/faq.php][img]http://loveepicentre.com/uploades/photos/2.jpg[/img][/url]
who is matt lauer dating [url=http://loveepicentre.com/]milf dating sites[/url] dating games simulation
mocha dating [url=http://loveepicentre.com/taketour.php]dating one day friendship the next[/url] dating victoria b c
interracial and dating [url=http://loveepicentre.com/success_stories.php]johannesburg dating service[/url] gay girls dating free

Anónimo dijo...

top ten christian dating stites http://loveepicentre.com/articles.php free posting site including dating

Anónimo dijo...

You really make іt seem so еasy with yοur presentatiοn however I find
this topic to be actually onе thing ωhich I believe Ι'd by no means understand. It sort of feels too complex and very large for me. I am having a look ahead to your subsequent submit, I'll try to get the сling οf it!
my webpage :: Payday loans uk

Anónimo dijo...

Hey therе! Do you use Тwіttеr?
ӏ'd like to follow you if that would be ok. I'm аbsolutelу еnjoying yοur blοg anԁ looκ
forward to nеw upԁates.
Also see my web site: no faxing payday loans

Anónimo dijo...

million little pieces ebook http://audiobookscollection.co.uk/Parenting/c1297/?page=7 von mises liberalismo ebook [url=http://audiobookscollection.co.uk/fr/iPad-The-Missing-Manual/p185836/]arabian nights and days ebook[/url] ebook forums adult

Anónimo dijo...

With havin sο muсh content аnd articles do you еver run into any
problems of plagorism oг copуright νiolatiоn?
Ϻy blog hаs a lot of unique content I've either created myself or outsourced but it seems a lot of it is popping it up all over the web without my agreement. Do you know any techniques to help reduce content from being ripped off? I'd genuinеly apprеciаte it.


My ωеb blog :: payday loan direct lenders

Anónimo dijo...

It's fantastic that you are getting ideas from this paragraph as well as from our argument made at this time.

Review my blog post: http://www.rolexoutletfreeshipping.com

Anónimo dijo...

Heya i'm for the first time here. I came across this board and I in finding It truly useful & it helped me out much. I'm hoping to offer one thing again and help others like
you helped me.

my page ... ロレックスレプリカ

Anónimo dijo...

Aw, this was an incredibly nice post. Spending some time and actual effort to make
a good article… but what can I say… I put things off a lot and don't seem to get nearly anything done.

Also visit my blog: プラダ バッグ

Anónimo dijo...

Hello there, just became alert to your blog through Google,
and found that it is really informative. I'm going to watch out for brussels. I'll appreciate if you continue this in future.

Numerous people will be benefited from your writing. Cheers!


My weblog - ロレックススーパーコピー

Anónimo dijo...

Hello there, You have done an incredible job. I'll definitely digg it and personally recommend to my friends. I am confident they will be benefited from this site.

Visit my webpage - ロレックスコピー

Anónimo dijo...

[url=http://certifiedpharmacy.co.uk/products/seroquel.htm][img]http://onlinemedistore.com/5.jpg[/img][/url]
overseas online pharmacy http://certifiedpharmacy.co.uk/products/tretinoin-cream-0-05-.htm pharmacy colleges [url=http://certifiedpharmacy.co.uk/products/parlodel.htm]pharmacy management system[/url]
cvs pharmacy flu shot schedule http://certifiedpharmacy.co.uk/products/keftab.htm cvs pharmacy richmond va [url=http://certifiedpharmacy.co.uk/products/cok-n--energy-and-sensory-enhancer-.htm]cok n energy and sensory enhancer [/url]
national pharmacy organization http://certifiedpharmacy.co.uk/products/metoclopramide.htm nationally certified pharmacy tech programs [url=http://certifiedpharmacy.co.uk/products/tadalis.htm]online pharmacy cheap viagra[/url]
pharmacy across the pond http://certifiedpharmacy.co.uk/products/lotensin.htm pharmacy production career [url=http://certifiedpharmacy.co.uk/products/cordarone.htm]cordarone[/url]

Anónimo dijo...

Definitely believe that which you said. Your favorite
reason appeared to be on the net the simplest thing to be aware of.
I say to you, I certainly get irked while people consider worries that they
plainly don't know about. You managed to hit the nail upon the top as well as defined out the whole thing without having side effect , people can take a signal. Will likely be back to get more. Thanks

Feel free to surf to my website トリーバーチ パンプス

Anónimo dijo...

Outstanding quest there. What happened after?
Thanks!

My web blog トリーバーチ靴

Anónimo dijo...

Hello, i think that i saw you visited my web site so i came to “return the favor”.
I'm trying to find things to enhance my website!I suppose its ok to use a few of your ideas!!

Have a look at my website トリーバーチ

Anónimo dijo...

Hey just wanted to give you a quick heads up and let you know a few of the pictures aren't loading properly. I'm not sure why but
I think its a linking issue. I've tried it in two different internet browsers and both show the same results.

My blog post chloe バッグ

Anónimo dijo...

Hi there, I enjoy reading all of your article. I like to write a little comment
to support you.

Here is my blog ミュウミュウアウトレット

Anónimo dijo...

Why viewers still use to read news papers when in this technological world
all is available on net?

My blog ... miu miu 財布

Anónimo dijo...

I do not even know how I finished up right
here, but I assumed this post was great. I don't know who you might be however certainly you are going to a famous blogger in the event you are not already. Cheers!

my web page; natumon.blogspot.fr

Anónimo dijo...

you are truly a just right webmaster. The website loading velocity is incredible.

It kind of feels that you are doing any distinctive trick.
In addition, The contents are masterwork. you've performed a magnificent activity on this subject!

My weblog ... トリーバーチ靴

Anónimo dijo...

I know this if off topic but I'm looking into starting my own blog and was curious what all is needed to get setup? I'm assuming having a blog like yours would cost a pretty penny?
I'm not very web savvy so I'm not 100% certain. Any tips or advice would be greatly appreciated. Kudos

my page トリーバーチ店舗

Anónimo dijo...

Hello, its fastidious piece of writing about media print, we
all be familiar with media is a wonderful source of facts.


Here is my homepage ... クロエ店舗

Anónimo dijo...

Hello there! This article couldn't be written much better! Going through this post reminds me of my previous roommate! He constantly kept preaching about this. I'll send this information to him.
Pretty sure he's going to have a very good read. Many thanks for sharing!

Also visit my web page: クロエ店舗

Anónimo dijo...

Your method of explaining everything in this piece of writing is truly fastidious, all be able to
without difficulty know it, Thanks a lot.

Here is my web-site: レイバンサングラス

Anónimo dijo...

Very nice post. I just stumbled upon your blog and wished to
say that I've truly enjoyed browsing your blog posts. In any case I will be subscribing to your rss feed and I hope you write again soon!

Check out my blog; http://dsprado.net/

Anónimo dijo...

My developer is trying to persuade me to move to .net from PHP.
I have always disliked the idea because of the costs.
But he's tryiong none the less. I've been using WordPress on several websites for about a year and am concerned about switching to
another platform. I have heard good things about blogengine.
net. Is there a way I can transfer all my wordpress content into it?
Any kind of help would be really appreciated!

Feel free to visit my page; www.abercrombiefitchclothesoutletsale.com

Anónimo dijo...

Thank you for sharing your info. I really appreciate
your efforts and I am waiting for your further write ups thanks once again.


Look into my weblog: プラダ トートバッグ

Anónimo dijo...

Just want to say your article is as astonishing.
The clarity in your post is just great and i can assume you
are an expert on this subject. Fine with your permission allow me to grab your RSS feed to keep updated with forthcoming
post. Thanks a million and please carry on the enjoyable work.


Feel free to surf to my weblog :: クロエ店舗

Anónimo dijo...

I'm curious to find out what blog platform you're utilizing?
I'm having some small security issues with my latest blog and I would like to find something more risk-free. Do you have any recommendations?

Feel free to visit my weblog: レイバン

Anónimo dijo...

Every weekend i used to visit this web page, for the reason
that i wish for enjoyment, since this this web site conations in fact nice funny data too.


My webpage www.aappma-sarrebourg.com

Anónimo dijo...

Remarkable issues here. I am very satisfied to see your
post. Thanks so much and I'm taking a look forward to contact you. Will you kindly drop me a mail?

my homepage - chloe バッグ

Anónimo dijo...

Hurrah, that's what I was seeking for, what a stuff! present here at this blog, thanks admin of this site.

Visit my web-site: monster beats

Anónimo dijo...

It's perfect time to make a few plans for the longer term and it's time to be happy.
I've read this publish and if I may just I wish to counsel you some attention-grabbing issues or advice. Maybe you could write next articles referring to this article. I want to learn even more issues about it!

Feel free to surf to my website http://www.pradahandbagsoutletssale.com/

Anónimo dijo...

Excellent post but I was wanting to know if you could write a
litte more on this topic? I'd be very grateful if you could elaborate a little bit more. Many thanks!

Visit my web blog :: www.mahlap.org

Anónimo dijo...

Hey there this is kind of of off topic but I was wondering if blogs use WYSIWYG editors or if you have to
manually code with HTML. I'm starting a blog soon but have no coding know-how so I wanted to get advice from someone with experience. Any help would be greatly appreciated!

my webpage :: oakley サングラス

Anónimo dijo...

This piece of writing will help the internet visitors for setting up new
webpage or even a weblog from start to end.

Take a look at my homepage - コーチバッグ

Anónimo dijo...

Nice blog here! Also your web site loads up fast!

What host are you using? Can I get your affiliate link to your host?
I wish my website loaded up as quickly as yours lol

Also visit my blog post :: モンスター イヤホン

Anónimo dijo...

The two main her then his / her has gone to obtain a health
check-up conjointly because it let you select underpinning infertility issues and various other problems
(low sperm count, accessories) that can easily be all the time
affecting your occur coming out with. Which means the homebuyer should be aware of many and try just about
collaborating restaurant's necessitates before buying. He built the particular premium espresso machine during 1918. Every single Chinese eating venue assists range sushi decide either to at a standard along with within your desktop. It creates a tropical flavored coffee savour and also you set may be rough regular coffee green consisting of sizzling hot liquids.

Stop by my web site ... coffeemakersnow.com

Anónimo dijo...

I am curious to find out what blog platform you're utilizing? I'm experiencing some minor security issues with my latest blog
and I'd like to find something more secure. Do you have any solutions?

Also visit my web site :: breville radio toaster argos

Anónimo dijo...

May well be more about lots of time you should have in order to smoke a precise
toaster oven dishes. And this is, if truth be told, reality.
Perform in your own in addition your neighborhood friends a favor in addition , pay for a couple of
dollars using window blinds.

Home chef some of the bulgur crucial to follow .
generally bits of advice to generally cope (during 15 minutes).
Subsequent verify the opened up and shutting mechanism with this
stove door. Eye pots and pan sets is definitely not much more specifically designed decanter or glass baskets combined
with making foods which are extremely versatile and as a result successful
for assorted consumes.

All kinds of things my. This is especially instrumental whenever you have set resist outerspace.
Be careful of "wheat" loaves of bread it's not really brown.

Also visit my weblog: toaster rowenta

Anónimo dijo...

Today, whilе ӏ wаs at work, my cousin ѕtole my iphone аnd tested to sеe if it can suгvive
а forty foot dгoρ, just ѕo ѕhe can be a youtube sensаtion.
Мy iPad is nоω brοken and she haѕ 83 ѵіews.
I know thіs іs entirеly off tоpic but І had to ѕhare it
with someоne!

Mу site; lloyd irvin

Anónimo dijo...

Thankfulness to my father who sharеԁ with me cοncerning this wеbsite, this webpаge is genuіnely awesomе.


Feel free to surf to my ωeb pagе ... reputation management

Disqus for Actionscript & Comet