Publicação de trabalhos na Web <ul><li>Festival do Instituto de Artes 2010 </li></ul><ul><li>FEIA 11 </li></ul>
Agenda <ul><li>Coisas que você precisa saber sobre portfólio online </li></ul><ul><li>Cuidados antes e durante a produção ...
Coisas que você precisa saber sobre portfólio online <ul><li>99% dos portfólios muito rebuscados não são bons portfólios. ...
 
Coisas que você precisa saber sobre portfólio online <ul><li>99% dos portfólios feitos em menos de cinco minutos não são a...
 
Coisas que você precisa saber sobre portfólio online <ul><li>Conteúdo é tudo. Saber transmiti-lo é tudo e mais um pouco </...
http://www.agenciadigitown.com.br/realidade-aumentada-vira-design.html
Coisas que você precisa saber sobre portfólio online <ul><li>Saber um pouco de programação é diferencial </li></ul><ul><li...
Coisas que você precisa saber sobre portfólio online <ul><li>Gestos simples garantem uma boa impressão inicial </li></ul><...
Cuidados antes e durante a produção <ul><li>Criar e produzir um portfólio é igual a fazer um prato culinário.  </li></ul><...
Cuidados antes e durante a produção <ul><li>O portfólio deve ser relevante, ou seja, escolha os principais trabalhos a ser...
Cuidados antes e durante a produção <ul><li>Explore as ferramentas que você pretende utilizar </li></ul><ul><li>Do que adi...
Cuidados antes e durante a produção <ul><li>Teste seu portfólio. Peça opinião de terceiros </li></ul><ul><li>O que pode es...
Imagem: a principal base do portfólio <ul><li>Não há como escapar, o próprio termo  webdesign  já coloca o design como a b...
Imagem: a principal base do portfólio <ul><li>Resolução de Imagem (DPI) </li></ul><ul><li>Uma das preocupações que devemos...
Imagem: a principal base do portfólio <ul><li>Modos de Cor: RGB ou CMYK? </li></ul><ul><li>Os dois principais modos de cor...
Imagem: a principal base do portfólio <ul><li>Mantenha duas cópias de todo seu trabalho! </li></ul><ul><li>Isso vale para,...
Imagem: a principal base do portfólio <ul><li>Marca d’Água </li></ul><ul><li>Lembra-se da necessidade de uma assinatura di...
Novas (ou não tão conhecidas) ferramentas <ul><li>Agora chega de teoria e vamos à prática: aonde posso aplicar minhas idéi...
Novas (ou não tão conhecidas) ferramentas <ul><li>TUMBLR ( www.tumblr.com ) </li></ul><ul><li>Tumblr é uma ferramenta de b...
Novas (ou não tão conhecidas) ferramentas <ul><li>CARBONMADE ( www.carbonmade.com ) </li></ul><ul><li>Carbonmade é um site...
Novas (ou não tão conhecidas) ferramentas <ul><li>SLIDESHARE ( www.slideshare.net ) </li></ul><ul><li>Slideshare é uma fer...
Exemplo SlideShare <ul><li>http://www.slideshare.net/DigitalGroup/digital-portfolio-3469385 </li></ul>
Exemplo SlideShare <ul><li>http://www.slideshare.net/myriankatto/portfolio-myrian-5165924 </li></ul>
Novas (ou não tão conhecidas) ferramentas <ul><li>DEVIANTART PORTFOLIO ( www.portfolio.deviantart.com ) </li></ul><ul><li>...
Exemplo DeviantArt <ul><li>http://ryanford.cleanfolio.com/ </li></ul>
Novas (ou não tão conhecidas) ferramentas <ul><li>BEHANCE NETWORK ( www.behance.net ) </li></ul><ul><li>O Behance Network ...
Novas (ou não tão conhecidas) ferramentas <ul><li>FLAVORS.ME ( flavors.me ) </li></ul><ul><li>O Flavors.me é conhecido com...
Exemplo Flavors.me <ul><li>http://flavors.me/tiagodoria </li></ul>
Novas (ou não tão conhecidas) ferramentas <ul><li>ZUINN ( zuinn.com.br ) </li></ul><ul><li>Zuinn é um site brasileiro de p...
Novas (ou não tão conhecidas) ferramentas <ul><li>VIMEO ( vimeo.com ) </li></ul><ul><li>Vimeo é um site para upload de víd...
Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>E as tradicionais ferramentas? Elas se esgotaram ou não of...
Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>O site mais popular de vídeos tem uma série de recursos já...
Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>A rede social mais utilizada pelo brasileiro deve ser pens...
Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>Além de ter os mesmos recursos que o Orkut, o Facebook tem...
Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>A rede social da música está saturada, porém, com um pouco...
Blog: o avô dos portfólios <ul><li>Todas ferramentas apresentadas inicialmente são baseadas em conceitos de blogs. Postage...
Blog: o avô dos portfólios <ul><li>A diferença é que as ferramentas já te dão tudo “mastigado”: em blogs, para realizar to...
Blog: o avô dos portfólios <ul><li>Vantagens de ter um blog como portfólio: </li></ul><ul><li>- Personalização total </li>...
Formas de divulgação <ul><li>Ok, agora tenho meu portfólio. E agora José? </li></ul><ul><li>É hora de você começar a divul...
Formas de divulgação <ul><li>- Use e abuse das áreas e grupos de discussão que lhe interessam e que tenham a ver com seu t...
Formas de divulgação <ul><li>- Use o maior número possível de redes sociais. </li></ul><ul><li>LinkedIn, por exemplo, é um...
Formas de divulgação <ul><li>- Divulgue no mundo físico </li></ul><ul><li>Faça um cartão de visita contendo seus contatos ...
Boas referências em design <ul><li>Abduzeedo ( www.abduzeedo.com ) </li></ul><ul><li>- Grande referência no Brasil sobre d...
Obrigado! <ul><li>Gabriel Ishida </li></ul><ul><li>@gabrielishida </li></ul><ul><li>[email_address] </li></ul><ul><li>Marc...
Próximos SlideShares
Carregando em…5
×

Publicação de trabalhos na Web

2.149 visualizações

Publicada em

Slides da oficina sobre Publicação de Trabalhos na Web, realizado no Festival do Instituto de Artes 2010 (FEIA 11) na Unicamp.

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
2.149
No SlideShare
0
A partir de incorporações
0
Número de incorporações
74
Ações
Compartilhamentos
0
Downloads
14
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Publicação de trabalhos na Web

  1. 1. Publicação de trabalhos na Web <ul><li>Festival do Instituto de Artes 2010 </li></ul><ul><li>FEIA 11 </li></ul>
  2. 2. Agenda <ul><li>Coisas que você precisa saber sobre portfólio online </li></ul><ul><li>Cuidados antes e durante a produção </li></ul><ul><li>Imagem: a principal base do portfólio </li></ul><ul><li>Novas (ou não tão conhecidas) ferramentas </li></ul><ul><li>Possíveis novos usos de velhas e conhecidas ferramentas </li></ul><ul><li>Blog: o avô dos portfólios </li></ul><ul><li>Formas de divulgação </li></ul><ul><li>Boas referências em design </li></ul>
  3. 3. Coisas que você precisa saber sobre portfólio online <ul><li>99% dos portfólios muito rebuscados não são bons portfólios. </li></ul><ul><li>Deixe os efeitos especiais para os filmes do Spielberg. </li></ul><ul><li>Evite utilizar Flash. Além de ele exigir uma alta velocidade da conexão, também não ajuda na indexação do conteúdo pelo Google. </li></ul><ul><li>“ Um portfólio é a lista dos trabalhos de um profissional ou empresa” ( fonte: Wikipedia) . Foque-se nisso e você terá um portfólio objetivo e agradável. </li></ul>
  4. 5. Coisas que você precisa saber sobre portfólio online <ul><li>99% dos portfólios feitos em menos de cinco minutos não são atraentes* </li></ul><ul><li>Se for fazer um portfólio só por fazer, melhor nem fazer. </li></ul><ul><li>Dedique um tempo para explorar a ferramenta e para personalizar de acordo com seu estilo. </li></ul><ul><li>Pense em cores, layout e na disposição dos trabalhos. </li></ul>*Se você é um ninja do webdesign, então você se enquadra no 1%.
  5. 7. Coisas que você precisa saber sobre portfólio online <ul><li>Conteúdo é tudo. Saber transmiti-lo é tudo e mais um pouco </li></ul><ul><li>Saber transmitir o conteúdo que você tem para mostrar é algo mais complexo do que se pensa. </li></ul><ul><li>Seu portfólio deve transmitir aquilo que seus trabalhos transmitem. Se há detalhes pequenos e importantes, deve-se pensar uma forma de eles terem destaque. </li></ul>
  6. 8. http://www.agenciadigitown.com.br/realidade-aumentada-vira-design.html
  7. 9. Coisas que você precisa saber sobre portfólio online <ul><li>Saber um pouco de programação é diferencial </li></ul><ul><li>Todos os bons portfólios possuem algum toque em design feito em HTML ou JavaScript. </li></ul><ul><li>A formatação personalizada depende de um conhecimento básico de HTML. JavaScript é usado para pequenos recursos de funcionalidade. </li></ul><ul><li>Site com tutoriais: http://www.truquesedicas.com/tutoriais/html/index.htm </li></ul>
  8. 10. Coisas que você precisa saber sobre portfólio online <ul><li>Gestos simples garantem uma boa impressão inicial </li></ul><ul><li>Uma andorinha faz verão sim. </li></ul><ul><li>Por exemplo, ter um portfólio com uma URL personalizada é um detalhe que passa uma impressão de profissionalismo. </li></ul><ul><li>Ter uma identidade visual definida e uma assinatura digital presente nos trabalhos é um bom sinal também. </li></ul>
  9. 11. Cuidados antes e durante a produção <ul><li>Criar e produzir um portfólio é igual a fazer um prato culinário. </li></ul><ul><li>Você tem que se atentar em providenciar e selecionar os ingredientes, realizar os preparativos, prestar atenção no andamento do processo e, no final, desfrutar dos resultados do trabalho. </li></ul>Então coloque seu traje de cozinheiro e comece seu portfólio
  10. 12. Cuidados antes e durante a produção <ul><li>O portfólio deve ser relevante, ou seja, escolha os principais trabalhos a serem exibidos </li></ul><ul><li>A diferença entre o portfólio online e offline é que o primeiro é feito para ser de rápida visualização. </li></ul><ul><li>Deve-se atrair e prender a atenção do receptor. Para isso, escolha os principais trabalhos para serem exibidos. </li></ul><ul><li>Ou seja, quantidade não significa qualidade. Prefiro ver um trabalho bem feito do que um milhão mal feitos. </li></ul>
  11. 13. Cuidados antes e durante a produção <ul><li>Explore as ferramentas que você pretende utilizar </li></ul><ul><li>Do que adianta selecionar cinco bons trabalhos se a ferramenta que você pretende utilizar não suporta ou não é adequada para seus propósitos? </li></ul><ul><li>Por isso, informe-se e fuce bem as ferramentas. Descubra o que pode ser feito e pense em como você pode explorar ao máximo os recursos. </li></ul><ul><li>Aqui, na oficina, iremos mostrar um pouco do que as ferramentas são capazes, mas muita coisa você terá que aprender sozinho. </li></ul>
  12. 14. Cuidados antes e durante a produção <ul><li>Teste seu portfólio. Peça opinião de terceiros </li></ul><ul><li>O que pode estar bom para você, pode não estar para os outros. </li></ul><ul><li>Peça opinião de amigos e familiares. Ou melhor: peça opinião de pessoas que você não conhece. Esses talvez serão mais confiáveis do que todos. </li></ul><ul><li>Sabendo o que está errado, conserte. </li></ul><ul><li>Também pergunte para os conhecidos quais trabalhos eles acham mais relevantes em seu portfólio. </li></ul>
  13. 15. Imagem: a principal base do portfólio <ul><li>Não há como escapar, o próprio termo webdesign já coloca o design como a base essencial do portfólio. </li></ul><ul><li>E, como sabemos, a base do design é a imagem. Então, vamos para alguns toques importantes para a imagem digital, tanto para o design do portfólio quanto, principalmente, para o seus próprios trabalhos. </li></ul>Elementos do Design: Guia de Estilo Prático, de Timothy Samara.
  14. 16. Imagem: a principal base do portfólio <ul><li>Resolução de Imagem (DPI) </li></ul><ul><li>Uma das preocupações que devemos ter na hora de passar arquivos para a web é a resolução. </li></ul><ul><li>A Resolução de uma imagem nada mais é do que o famoso DPI, que você já deve ter visto por ai, cuja a sigla significa Dots per inch ou, em português, pontos por polegada. </li></ul><ul><li>O que é sempre bom lembrar é que a melhor resolução para uma tela de computador é 72 dpi. </li></ul>
  15. 17. Imagem: a principal base do portfólio <ul><li>Modos de Cor: RGB ou CMYK? </li></ul><ul><li>Os dois principais modos de cor são: RGB e CMYK. </li></ul><ul><li>O modo de cor CMYK é utilizado em impressões gráficas. </li></ul><ul><li>O modo de cor RGB é apropriado para telas de computador, celular, televisões, etc…. </li></ul><ul><li>Sendo assim, todas suas imagens devem estar no modo RGB. </li></ul>
  16. 18. Imagem: a principal base do portfólio <ul><li>Mantenha duas cópias de todo seu trabalho! </li></ul><ul><li>Isso vale para, principalmente, trabalhos em imagem, mas a idéia é válida para tudo. </li></ul><ul><li>Ao passar seu material para o computador (via scanner ou câmera digital) salve-os em alta resolução ( 200dpi ou mais) e depois salve uma segunda cópia com a resolução apropriada para tela. </li></ul><ul><li>Ao fazer isso, você garante que terá uma cópia de segurança e outra cópia &quot;leve&quot; e apropriada para publicação na web. </li></ul>
  17. 19. Imagem: a principal base do portfólio <ul><li>Marca d’Água </li></ul><ul><li>Lembra-se da necessidade de uma assinatura digital? Pois bem. </li></ul><ul><li>Inclua uma marca d'água em seus arquivos, pois é muito simples de fazer, não atrapalha na visualização do seu trabalho e, quando alguém se mostrar interessado, você apresenta a versão em alta resolução e sem marca d'água, causando um impacto ainda maior. </li></ul><ul><li>Como fazer uma marca d’água no Photoshop: http://www.midializado.com.br/2010/10/criando-uma-marca-dagua.html </li></ul>
  18. 20. Novas (ou não tão conhecidas) ferramentas <ul><li>Agora chega de teoria e vamos à prática: aonde posso aplicar minhas idéias e publicar meus trabalhos? </li></ul><ul><li>Iremos nos focar nas ferramentas mais novas ou que são pouco conhecidas. Mas não as subestime: os resultados podem ser mais surpreendentes do que você imagina. </li></ul>
  19. 21. Novas (ou não tão conhecidas) ferramentas <ul><li>TUMBLR ( www.tumblr.com ) </li></ul><ul><li>Tumblr é uma ferramenta de blogs, voltada mais para divulgação de fotos, vídeos e links. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>-Pouco texto, mais apelo visual </li></ul><ul><li>-Interface intuitiva </li></ul><ul><li>-Integração com redes sociais </li></ul><ul><li>-Liberdade para alterar o código HTML </li></ul><ul><li>-Ferramenta “REBLOG” </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>- Limite de customização no template (usuários inexperientes) </li></ul><ul><li>- Não há galerias de imagens </li></ul><ul><li>- Não há comunidade interna para divulgação </li></ul><ul><li>- Linguagem “Blog” </li></ul>
  20. 22. Novas (ou não tão conhecidas) ferramentas <ul><li>CARBONMADE ( www.carbonmade.com ) </li></ul><ul><li>Carbonmade é um site de divulgação de portfólio que existe desde 2007 e conta com mais de 200 mil portfólios ativos. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>- Interface simples </li></ul><ul><li>- “Centralização” dos materiais e portfólios já existentes </li></ul><ul><li>- Visual final agradável e funcional </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>-Limitações da versão free </li></ul><ul><li>-Não há ligação com redes sociais </li></ul><ul><li>-Sem comunidade para divulgação e discussão </li></ul>
  21. 23. Novas (ou não tão conhecidas) ferramentas <ul><li>SLIDESHARE ( www.slideshare.net ) </li></ul><ul><li>Slideshare é uma ferramenta desenvolvida para o compartilhamento on-line de apresentações em powerpoint, pdfs, vídeos ou até mesmo documentos de word. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>-Acesso através da conta do facebook </li></ul><ul><li>-Aceitação de diversos formatos de apresentação e documentos </li></ul><ul><li>-Comunidade para troca e compartilhamento </li></ul><ul><li>-Redes sociais </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>-Visual final poluído </li></ul><ul><li>-Tira o foco do que realmente interessa: seu trabalho. </li></ul><ul><li>-Página de “perfil” limitada. </li></ul>
  22. 24. Exemplo SlideShare <ul><li>http://www.slideshare.net/DigitalGroup/digital-portfolio-3469385 </li></ul>
  23. 25. Exemplo SlideShare <ul><li>http://www.slideshare.net/myriankatto/portfolio-myrian-5165924 </li></ul>
  24. 26. Novas (ou não tão conhecidas) ferramentas <ul><li>DEVIANTART PORTFOLIO ( www.portfolio.deviantart.com ) </li></ul><ul><li>O Deviantart já é conhecido entre fotógrafos e principalmente ilustradores como uma ótima ferramenta para expor e trocar críticas sobre trabalhos. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>- Visual mais profissional que a conta “regular” </li></ul><ul><li>- Comunidade “Deviantart” (Grupos e forums) </li></ul><ul><li>- Possibilidade de utilizar uma conta já existente </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>-Limite de 100 imagens </li></ul><ul><li>-URL pré-definida </li></ul>
  25. 27. Exemplo DeviantArt <ul><li>http://ryanford.cleanfolio.com/ </li></ul>
  26. 28. Novas (ou não tão conhecidas) ferramentas <ul><li>BEHANCE NETWORK ( www.behance.net ) </li></ul><ul><li>O Behance Network é um dos sites mais completos e ilimitados para construção de um portfólio on-line. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>-Não há limites de projetos, imagens ou videos </li></ul><ul><li>-Aceita vários tipos de arquivos, inclusive upload direto de videos do computador ou incorporados do Youtube ou Vimeo </li></ul><ul><li>-Customização dos projetos e da página de perfil </li></ul><ul><li>-Comunidade de artistas profissionais </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>-Interface complexa </li></ul><ul><li>-Entrada através de convite </li></ul>
  27. 29. Novas (ou não tão conhecidas) ferramentas <ul><li>FLAVORS.ME ( flavors.me ) </li></ul><ul><li>O Flavors.me é conhecido como “cartão de visitas” para a Web. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>- Design minimalista, ao estilo do Tumblr. </li></ul><ul><li>- Não exige conhecimento de HTML. </li></ul><ul><li>- Personalização de cores e de design bem intuitivo e simples. </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>- Não permite muitos recursos. </li></ul><ul><li>- Por ser minimalista, não há como ter grande diferenciação com outros perfis. </li></ul>
  28. 30. Exemplo Flavors.me <ul><li>http://flavors.me/tiagodoria </li></ul>
  29. 31. Novas (ou não tão conhecidas) ferramentas <ul><li>ZUINN ( zuinn.com.br ) </li></ul><ul><li>Zuinn é um site brasileiro de portfólio, com mais de 6 mil inscritos. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>- É brasileiro, ou seja, as instruções estão em português, além de ter vários usuários falando a mesma língua. </li></ul><ul><li>- É gratuito. </li></ul><ul><li>- Tem efeitos interessantes. </li></ul><ul><li>- É interligado com o Flickr. </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>- É feito em Flash </li></ul><ul><li>- Funciona apenas se tiver uma conta no Flickr. </li></ul>
  30. 32. Novas (ou não tão conhecidas) ferramentas <ul><li>VIMEO ( vimeo.com ) </li></ul><ul><li>Vimeo é um site para upload de vídeos, ou seja, uma alternativa ao Youtube. O nome é uma mistura entre Video e Me. </li></ul><ul><li>VANTAGENS: </li></ul><ul><li>- É MUITO simples de se usar. </li></ul><ul><li>- A qualidade da imagem é melhor do que o Youtube. </li></ul><ul><li>- Boa integração com as redes sociais. </li></ul><ul><li>DESVANTAGENS: </li></ul><ul><li>- O pacote free tem muitas limitações. </li></ul><ul><li>- Ainda não alcança o potencial de resolução do Youtube. </li></ul>
  31. 33. Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>E as tradicionais ferramentas? Elas se esgotaram ou não oferecem mais recursos? </li></ul><ul><li>Pode até ser verdade, mas é com limitações que a criatividade é mais valorizada. </li></ul><ul><li>Agora vamos mostrar que até o Orkut pode ser seu cartão de visitas para o portfólio. </li></ul>
  32. 34. Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>O site mais popular de vídeos tem uma série de recursos já conhecidos pelo público, criação de canais personalizados, vídeos com legendas, anotações e até links entre vídeos. </li></ul><ul><li>É com esse último recurso que a agência de propaganda Boone Oakley, da Austrália, criou seu portfólio no Youtube. </li></ul>http://www.youtube.com/watch?v=Elo7WeIydh8 .
  33. 35. Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>A rede social mais utilizada pelo brasileiro deve ser pensada como um portfólio. Muitas empresas pesquisam pelo perfil do candidato através das redes sociais. Então, que tal pensar seu perfil como uma amostra de seu portfólio? </li></ul><ul><li>Coloque seus trabalhos, indique vídeos, divulgue o link do seu portfólio. </li></ul>
  34. 36. Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>Além de ter os mesmos recursos que o Orkut, o Facebook tem a possibilidade de compartilhamento do conteúdo (botão “Curtir”) e também a criação de páginas próprias. </li></ul><ul><li>Além disso, é a rede social mais utilizada no mundo. Ou seja, é uma boa vitrine para seus trabalhos. Então, cogite descrevê-los em inglês. </li></ul>
  35. 37. Possíveis novos usos de velhas e conhecidas ferramentas <ul><li>A rede social da música está saturada, porém, com um pouco de conhecimento em HTML ou Flash, é possível fazer páginas diferenciadas que forneçam uma experiência agradável para o visitante, além de divulgar sua música ou trabalho de áudio. </li></ul>http://www.myspace.com/bandacapslock
  36. 38. Blog: o avô dos portfólios <ul><li>Todas ferramentas apresentadas inicialmente são baseadas em conceitos de blogs. Postagem rápida e customizada, organização dos trabalhos, design personalizado, tudo isso é possível em blogs. </li></ul>
  37. 39. Blog: o avô dos portfólios <ul><li>A diferença é que as ferramentas já te dão tudo “mastigado”: em blogs, para realizar todos os recursos presentes nas ferramentas, deve-se ter uma boa noção de HTML. </li></ul><ul><li>Mas as possibilidades nos blogs são muito maiores, principalmente com o Wordpress </li></ul>
  38. 40. Blog: o avô dos portfólios <ul><li>Vantagens de ter um blog como portfólio: </li></ul><ul><li>- Personalização total </li></ul><ul><li>- Possibilidade de maior diferenciação criativa </li></ul><ul><li>- Integração entre todos os trabalhos </li></ul><ul><li>- Aparência profissional </li></ul><ul><li>Desvantagem: </li></ul><ul><li>- Tem que saber HTML </li></ul>Template Pronto: um caminho para driblar o HTML
  39. 41. Formas de divulgação <ul><li>Ok, agora tenho meu portfólio. E agora José? </li></ul><ul><li>É hora de você começar a divulgá-lo por aí e mostrar do que você é capaz. Para isso, você deve pensar tanto em divulgar online quanto offline. </li></ul>
  40. 42. Formas de divulgação <ul><li>- Use e abuse das áreas e grupos de discussão que lhe interessam e que tenham a ver com seu trabalho. </li></ul><ul><li>- Saiba receber críticas. </li></ul><ul><li>- Seja sucinto na descrição dos trabalhos. </li></ul><ul><li>- Comente no trabalho de outras pessoas, eventualmente elas virão e passarão a comentar o seu trabalho e, assim, você terá feedback de pessoas da sua área. </li></ul>
  41. 43. Formas de divulgação <ul><li>- Use o maior número possível de redes sociais. </li></ul><ul><li>LinkedIn, por exemplo, é uma rede social para profissionais e que tem um espaço dedicado aos links de portfólio. </li></ul><ul><li>Já o Twitter é ótimo para disseminar o seu conteúdo. </li></ul>
  42. 44. Formas de divulgação <ul><li>- Divulgue no mundo físico </li></ul><ul><li>Faça um cartão de visita contendo seus contatos e o link para seu portfólio. </li></ul><ul><li>Coloque também em seu currículo e em apresentações pessoais. </li></ul><ul><li>“ Um trabalho vale mais do que mil palavras” </li></ul>
  43. 45. Boas referências em design <ul><li>Abduzeedo ( www.abduzeedo.com ) </li></ul><ul><li>- Grande referência no Brasil sobre design. Recomendadíssimo. </li></ul><ul><li>Design Flakes ( www.designflakes.com.br ) </li></ul><ul><li>- Organizador do Pixel Show, é outra grande referência. </li></ul><ul><li>Design Follow ( www.designfollow.com ) </li></ul><ul><li>- Em formato de blog e em inglês, traz muitas dicas para webdesign. </li></ul><ul><li>DesignRFix ( www.designrfix.com ) </li></ul><ul><li>- Bem parecido com o Design Follow. Em inglês. </li></ul>
  44. 46. Obrigado! <ul><li>Gabriel Ishida </li></ul><ul><li>@gabrielishida </li></ul><ul><li>[email_address] </li></ul><ul><li>Marcos Singulano </li></ul><ul><li>@marcossingulano </li></ul><ul><li>[email_address] </li></ul><ul><li>www.midializado.com.br </li></ul>

×