Todo designer precisa de um portfolio.
De 3.700 profissionais entrevistados pelo Freelance Switch, cerca de 50% dos trabalhos que conseguem vêm de contato através do portfolio. É o seu jeito mais prático e eficiente de mostrar o tipo trabalho que faz e suas habilidades, em um curto espaço de tempo, e para um grande número de pessoas. Portfolios online, mais especificamente, são os que atingem o maior número de exibições, e se você quer que as pessoas para as quais você quer trabalhar vejam o seu trabalho, é o melhor jeito de fazê-lo.
A importância da apresentação
Portfolio do designer Jonathan Yuen. Lindo, animado, e combina com seu trabalho.
Como você vai montar um portfolio que chame atenção e apresente bem suas peças ? Bom, primeiro você tem que parar e pensar : Será mesmo que você quer que o ambiente chame mais atenção do que o conteúdo ? Isso teria a ver com o seu trabalho em si ? Será que pirotecnias em Flash vão fazer com que o seu trabalho ganhe mais valor ? Isso tudo depende do tipo de coisa que você faz, e o que quer que seus visitantes percebam.
Portfolios bem construídos, com animações e efeitos de transição costumam chamar muita atenção, e podem provocar sensações positivas e memoráveis para o visitante que está navegando. Mas isso pode também brigar com o trabalho que você está tentando exibir. Se o sistema gritar mais do que o conteúdo, isso pode gerar um pouco de confusão . as pessoas vão lembrar do seu portfolio, mas não do seu trabalho.
Portfolio de Jamie Wieck. Feito em HTML simples, e ao mesmo tempo mostra bem o seu ótimo trabalho.
Por outro lado, um portfolio simples, mais discreto exibe com clareza o conteúdo. Mas também pode parecer monótono demais, e pouco convidativo. E é aí que você tem que equilibrar as coisas. É bem possível de se criar uma interface limpa, interessante, e que não obstrua a concentração do visitante pro que ele quer ver . o seu trabalho.
Todo mundo pode ter um
Tendo isso resolvido, vem a velha história: você é designer, e não programador ! Isso é o que limita muita gente. Sem problemas. O melhor é fazer o que você é capaz. Afinal, você está querendo mostrar do que é capaz ! E se isso significa chamar alguém pra ajudar, chame ! Mas não se esqueça dos devidos créditos, senão vão pensar que você consegue fazer tudo aquilo sozinho…
Mas a verdade é que você pode resolver tudo sozinho e ter uma presença online eficaz. Basta se aproveitar das ferramentas online gratuitas que existem. E todas elas são otimizadas para o compartilhamento. Twitter, Flickr e blogs geralmente são consideradas ferramentas de uso pessoal, mas podem muito bem ser aproveitadas pra disseminar o seu trabalho profissional pela rede. Não as subestime.
Receita do portfolio online gratuito express 3000:
Ingredientes:
- www.wordpress.com
- www.flickr.com (se você tiver imagens)
- www.youtube.com (se você tiver vídeos)
- www.twitter.com
- www.twitterfeed.com
- uma paleta de cores
- uma imagem pra servir de avatar pra isso tudo
Crie uma paleta de cores para fundos, fundos secundários, textos, links e textos secundários. Essa será sua identidade cromática.
Com a identidade cromática, crie uma imagem 64 x 64 pra servir de avatar (imagem de usuário) pra todos os seus perfis. Isso vai dar uma consistência à sua identidade online. Aproveite e suba ela para o Gravatar, e associe-a ao seu email. Assim, sempre que você postar algum comentário em outro blog associado ao Gravatars, ele vai reconhecer o seu avatar.
Entre no WordPress e crie um blog para ser seu portfolio online. Cada post é um trabalho, onde você exibe a imagem ou vídeo, e o corpo do post serve de descrição do que se trata a peça, pra quem foi feita, com quem foi feita etc. Seu endereço vai ser http://seu_nome_de_usuario.wordpress.com. Crie categorias para cada tipo de trabalho (web, impressos, ilustração, etc.).
Crie um Twitter, com o mesmo nome de usuário e o mesmo avatar.
Crie uma conta no Flickr, com o mesmo nome de usuário e o mesmo avatar, pra hospedar as imagens e fotos relacionadas ao seu portfolio. Crie sets para cada tipo de trabalho (web, impressos, ilustração, etc.).
Crie uma conta no YouTube, com o mesmo nome de usuário e o mesmo avatar, pra hospedar os vídeos dos seus trabalhos.
Crie uma conta no Twitterfeed e associe os endereços RSS do blog, do Flickr e do YouTube à conta. Assim você mandará um tweet sempre que houver um novo trabalho publicado. Para saber os endereços RSS dos perfis de cada site, use o Firefox e clique no ícone de RSS, na barra do endereço, quando estiver nas páginas.
No Twitter, siga outras pessoas cujo trabalho você curte.
Navegue pelo Flickr, comente em fotos e trabalhos de outras pessoas e faça contatos.
No YouTube é a mesma coisa.
Nesse exemplo eu usei o Flickr como sendo único servidor de imagens que você usa. Mas nada impede que você também crie galerias no DeviantArt, Behance, etc … Mas também não dá pra simplesmente colocar as coisas funcionando e esperar as ofertas de trabalho chegarem. Tem que botar a mão na massa e correr atrás. O importante é marcar presença, pra que você agregue seguidores, apreciadores e conhecedores do seu trabalho, que acompanhem seus updates e o ajudem a espalhar suas novidades na web. Lembre-se que cada site é uma comunidade diferente, com pessoas diferentes. Não custa nada ter seu perfil em diversos lugares, mesmo que seja mostrando as mesmas coisas. O mesmo vale pra onde você vai hospedar seus vídeos . além do YouTube, também existe o Vimeo, Revver, Metacafe …
Soluções pra um portfolio mais pessoal
Agora, se você não quiser que o blog seja seu ambiente principal de mostra de projetos, vou apresentar algumas soluções externas, baseadas em níveis de conhecimento, e que podem ser linkadas ao seu site ou blog pessoal, ou que simplesmente sejam seu território principal na internet.
Básico
Esses são pra quem não quer perder muito tempo pensando em layout, e só quer mesmo colocar seu trabalho na web rapidamente. O visual é pouco customizável e a marca do serviço é sempre presente. No entanto, todos são também comunidades de profissionais, onde você pode navegar por diretórios de portfolios, se inspirar e conhecer outras cabeças. Veja alguns :
- Coroflot – Comunidade de profissionais e ferramenta para criação e hospedagem de portfolios simples, sem muitas opções de customização.
- Carbonmade – Parecido com o Coroflot, mas apresenta algumas opções a mais de customização, que dá uma cara mais exclusiva ao seu portfolio.
- Zuinn – Site brasileiro para criar portfolios em Flash bem elegantes. O layout é o mesmo, mas a imagem de fundo é customizável. Dica da @carolhoffmann.
- Virb – Não só um site pra criar portfolios, mas uma rede social que gira em torno do conteúdo publicado. Dica do @dimoba.
- DeviantArt – Comunidade mais focada em ilustração e arte. Customização zero, mas com um ar de rede social, promovendo bem a troca de comentários e críticas. Oferece também serviços de venda de impressos sob demanda da sua arte.
- Cargo Collective – Ainda está em fase de beta test, mas já funciona bem pra criar portfolios mais estáticos e funcionais. Conta com templates de base, mas o resto é super customizável. Aproveite enquanto o beta é gratuito.
- Behance – Portal de portfolios, profissionais, oportunidades e discussões. O nível é altíssimo.
- Krop ($10/mês) – Base de empregos e ferramenta de hospedagem de portfolios bem customizáveis e bem acabados, pelo custo mensal de $10.
Intermediário
Agora pra quem quer se aprofundar um pouco mais, e investir um tempinho pra criar uma interface mais personalizada, ou simplesmente se desprender da dependência de serviços online. Agora você precisa ter um servidor de hospedagem, pra hospedar seus próprios aquivos na web, e um mínimo de conhecimento de como usar um programa de FTP, e um pouco de HTML também ajuda. Algumas dessas alternativas são componentes de Flash feitos pra quem não quer criar uma galeria do zero, mas quer ter mais controle do visual.
Simpleviewer
- Simpleviewer – Conjunto de componentes para Flash, que você instala, insere onde quiser no Flash e customiza o tamanho, as cores. Apresenta variações como galeria simples, galeria 3D, galeria linear e galeria de cartões postais.
- Slideshow Pro para Flash ($39) – Outro componente de Flash para criar galerias. Esse é mais robusto e elegante, oferece mais opções de customização, e permite a criação de categorias. Ele vem em diferentes formatos também: componente pra Flash, plugin pra Adobe Lightroom e Director. Com o plugin pro Lightroom, você pode customizar e montar um swf da galeria direto pelo Lightroom, sem precisar ter o Flash. O Director é um ambiente de administração que funciona junto com o componente de Flash, pra facilitar o gerenciamento do conteúdo.
- Adobe Dreamweaver + Photoshop/Fireworks – Crie um layout no Photoshop ou no Fireworks, fatie-o e exporte para o Dreamweaver em forma de páginas HTML estáticas. Dá mais trabalho pra criar e atualizar, mas é uma solução WYSIWYG (What You See Is What You Get – O que você vê é o que você obtêm) da Adobe.
- PHP + Flickr – Crie uma galeria em PHP que puxa as imagens do seu Flickr e as exibe onde e como você quiser no seu site. Super customizável e fácil de atualizar. O Nettuts explica bem como fazer isso.
Avançado
Agora pra quem tem tempo pra elaborar um portfolio 100% autoral, seja ele em Flash, ou páginas estáticas, deve correr atrás de tecnologias como:
- Flash + XML – Alguns dos componentes acima já usam Flash e XML pra indicar o conteúdo de uma galeria. Mas a estrutura deles já é pronta. Sabendo manipular Actionscript pra conversar com arquivos XML, você pode apresentar seus trabalhos da forma que quiser, e atualizá-los com facilidade.
- PHP + MySQL – Se quiser um portfolio estático, mas fácil de atualizar, faça um ambiente de admin com PHP e banco de dados MySQL. Junto com isso, logicamente você precisa construir o layout em algum programa gráfico, e o ideal é montar tudo usando CSS e os padrões da web, pra garantir compatibilidade e rapidez de carregamento. Se quiser dar um pouco de movimento a elementos da interface, frameworks de Javascript como jQuery e Mootools permitem uma experiência de usuário melhor.
- Flash + PHP + MySQL – Magia negra. Um painel de admin pra gerenciar o conteúdo que será exibido na interface em Flash. É o que o Slideshow Pro Director faz, mas com a estrutura própria dele.
Dicas para o conteúdo
- Não queira colocar TODOS os trabalhos que você já tenha feito. Filtre, e coloque os que você mais gostou de fazer. Porque não mostrar o que você curtiu fazer, pra aumentar a chance de pegar um job que você vai gostar de executar ?
- Se houver alguma linearidade na forma de exibir, crie uma hierarquia de quais você mais gosta, e faça um tipo de ranking com estrelas por exemplo. Coloque então uma peça de 5 estrelas primeiro, algumas de 3 e 4 estrelas depois, no meio mais uma de 5 estrelas, aí mais algumas de 3 ou 4 estrelas, e feche com uma de 5 estrelas.
- Setorize os tipos de trabalho em categorias (impressos, ilustração, fotografia etc).
- Se for o caso, crie mais de um portfolio, focados em diferentes áreas de atuação, dependendo pra quem você vai mostrar. Ex: Se você estiver atrás de uma vaga de motion designer, mostre somente seu portfolio com seus trabalhos de motion.
- Cite quem mais participou de cada projeto, e qual foi a sua contribuição exatamente.
- Além dos resultados finais, inclua estudos de casos, making-of’s, rafes, conceituações. Mostre um pouco do seu processo de trabalho.
David Airey inclui um estudo do processo de cada um de seus trabalhos de identidade visual.
- Faça um currículo com a mesma identidade visual e com o mesmo foco do portfolio, e disponibilize-o para download em PDF.
- Capriche na página de “Contato“, fornecendo os meios que você prefere ser alcançado.
- Conte sua história na página de “Sobre“. Sua formação, experiência e interesses.
- Ofereça material extra, relacionado ao que você faz. Tutoriais para aspirantes, free fonts, scripts, vetores, ferramentas úteis pra download etc.
- Não se esqueça da dose de SEO.
Inspire-se
-
- superlover.com.au
-
- lysergid.com
-
- jesar-one.com
-
- gregbeldam.com
-
- digitalmash.com
-
- daleharris.com
-
- chriscmerritt.com
-
- brynnshepherd.com
-
- aleprado.com
Estupendo. A infinidade de opções é algo fantástico.
Ótimo postagem, mas ficou faltando o http://www.zuinn.com.br .
Abraços,
Carol Hoffmann
…………………………………………….
http://www.amenidadesdodesign.com.br
http://www.twitter.com/carolhoffmann
Ótimo post mestre…
Eu sou um viciado nessas ferramentas de portifólio. Ultimamente tenho usado muito o Behance, por ter uma rede de profissionais fantástica. Muitos contatos, muitas pessoas, muitas idéias.
O que eu mais gostei do post -> Flash + PHP + MySQL = Magia Negra
Poisé cara .. Tendo isso, vc tem um portifa lindão e fácil de atualizar ! É tipo o Nirvana do portfolio …
Goxxxxtei guri!!
Bem feito e pensado todo o conteúdo
=)
Sensacional!
Parabens Joao e pessoal do Cali!
Aproveito e deixo um link pro LogoBR de outro artigo sobre portfolios que vem agregar informação a esse:
http://logobr.wordpress.com/2009/07/01/dicas-e-sites-para-portfolios-design-behance-deviantart-logobr/
abs
Daniel
O http://www.issuu.com também vale a pena, apesar de não ser específico de portifólios eles ficam num formato interessante.
Ingrid Lemos
http://issuu.com/ingridlemos/docs/portifolio
Procurem saber sobre o Concrete 5, é uma ótima ferramenta de gerenciamento de conteúdo. Usei-o para fazer o meu portfolio.
Muito obrigado pela dica. Alias tô começando a montar meu portifolio, só me falta tempo (devido ao meu trabalho tosco o qual estou atualmente, nada tem haver com a area e estou louco pra sair!).
Essas orientações foram muito boas. Obrigado pelas ideias!
Muito bom o post conheço todos os serviços, realmente é essa idéia mesmo..o dificil é arranjar tempo para fazer tudo aquilo que vc quer no seu portifólio, se tem que chegar num momento onde ele é a priori, pra pessoas que tem muitos freelas isso é dificil de fazer..
Abraços
ótimo post, parabéns, ajuda muito ter um guia assim…
Excelente post João!
Bem detalhado e informativo, não tem como não colocar o portfa no ar agora….
Pra ajudar a galera, aproveito para contribuir com um link do d-lovrs sobre o assunto:
http://www.designlovrs.com.br/2009/09/10-solucoes-para-o-seu-portfolio-online/
Valeu!
Gostaria de saber se algum deles eu consigo inserir animações em flash (swf) sem link ou seja que eu possa upar para o servidor deles e deixar na página sendo exibido ???
Acho difícil Clarisse. A maioria desses sites só permite arquivos de imagem e vídeo. Você tem mais liberdade mesmo quando desenvolve tudo por conta própria.
Caralho…sem trrabalhar a mto temp me sinto cada vez menos designer…que medo!
Fodasso o post!
Nota mental….VAI ESTUDAR DUFA!
É uma questão de grande actualidade. Se você quiser ler mais sobre isso, deixo-vos este link com dicas muito interessantes: http://euquerotrabalho.com/sites-para-criar-gratuitamente-o-seu-portfolio-online.html
Abraços!