Portfolio
Como o pode ajudar
Rafael Ocaña
Design
• Projetar algo para uma determinada finalidade
• Produto, serviço, experiência, processo
• Pensar no público ao qual se destina
• Perfil - o que agrada a essa pessoa
• Como é a mesa dessa pessoa?
• Ajuda ter cla...
Portfolio_Rafa
el_final2.pdf
CurriculumVitae_
Rafael_atualizado
.pdf
Rafael_Ocana_
designer.pdf
Simplificar
Faça uma escolha
que tenha sentido
para o seu público
Pensando o design
• Fazer com que o trabalho se destaque
• Não sobrepor trabalho com excessos gráficos
• Ter cuidado com tipografia, cores e...
• Não exagere em fontes exóticas.
• Trabalhe com uma ou duas fontes
• Busque o equilíbrio utilizando o contraste
fontsquir...
• Utilize uma paleta simples e restrita
• Que valorize seu trabalho
• Com uma lógica na aplicação
color.adobe.com
Fundo Le...
• O que quero dizer
• O que não preciso dizer
• Escolher ou dar a escolha ao cliente
Trabalho feito para tal cliente
Data ...
• Significa ser encontrado facilmente
• Interconexão entre todas minhas mídias (pessoais e profissionais)
• Filtrar o meu ...
A é subjetiva
Rápido e acessível
Baixa qualidade
Vendo preço
Rápido e nem tão acessível
Boa qualidade
Vendo valor
• Ajuda na percepção de valor
• Vender valor é diferente de vender preço
• Vendo preço quando o importante é a qualidade
•...
• Cuidar para não criar um portfolio baseado em modismos
• Dribbblização do design
tiny.cc/tendencia
Design
• Descobrir o que quero que seja meu portfolio
• Buscar referências visuais, mas não cair no padrão
• Simplificar, não sup...
• Excesso de trabalhos
• Falta de foco
• Falta de clareza na navegação
• Não dizer quem é o profissional ou empresa
• Não ...
Exemplos
sagmeisterwalsh.com
Referências
tiny.cc/referencia1
hugeinc.com
Referências
tiny.cc/referencia2
mareenfischinger.com
Referências
tiny.cc/referencia3
y78.fr
Referências
tiny.cc/referencia4
www.jdcdesignstudio.com/docs/JDC-Portfolio.pdf
tiny.cc/referencia5
Excesso de trabalhos empilhados e levando a link extern...
www.jimbatty.com/portfolio/jimbatty_photography_200ppi.pdf
tiny.cc/referencia8
Fotos em mosaico na mesma página interferem...
• Instagram
• Behance
• Livros de arte
• Society of News Design (SND)
• Buscar inspiração em pesquisas fora da área de int...
• Saber para quem estou fazendo
• Definir um conceito e um tom
• Ter hierarquia na informação
• Clareza na ordem de leitur...
linkedin.com/in/rafaelocana
behance.net/rafaelocana
rafaelocanav@gmail.com
Rafael Ocaña
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Aula sobre portfólio - Como o design pode ajudar
Próximos SlideShares
Carregando em…5
×

Aula sobre portfólio - Como o design pode ajudar

202 visualizações

Publicada em

Como melhorar meu portfolio através do design? O que significa proposta de valor? Quais aspectos visuais devo considerar? Como posicionar meu produto, serviço ou experiência? Qual a diferença de um melão no Brasil e um melão no Japão? Como fazer escolhas que façam sentido para o meu público? Quais os erros mais comuns? Por quê a beleza é subjetiva?

Publicada em: Carreiras
  • Seja o primeiro a comentar

Aula sobre portfólio - Como o design pode ajudar

  1. 1. Portfolio Como o pode ajudar Rafael Ocaña
  2. 2. Design • Projetar algo para uma determinada finalidade • Produto, serviço, experiência, processo
  3. 3. • Pensar no público ao qual se destina • Perfil - o que agrada a essa pessoa • Como é a mesa dessa pessoa? • Ajuda ter clareza e eficiência na mensagem final Como é o meu público-alvo?
  4. 4. Portfolio_Rafa el_final2.pdf CurriculumVitae_ Rafael_atualizado .pdf Rafael_Ocana_ designer.pdf Simplificar
  5. 5. Faça uma escolha que tenha sentido para o seu público
  6. 6. Pensando o design
  7. 7. • Fazer com que o trabalho se destaque • Não sobrepor trabalho com excessos gráficos • Ter cuidado com tipografia, cores e informações • Ter presença online consistente Cuidados básicos
  8. 8. • Não exagere em fontes exóticas. • Trabalhe com uma ou duas fontes • Busque o equilíbrio utilizando o contraste fontsquirrel.com Título Texto corrido Texto corrido Título Texto corrido fonts.google.com Tipografia
  9. 9. • Utilize uma paleta simples e restrita • Que valorize seu trabalho • Com uma lógica na aplicação color.adobe.com Fundo Letras Destaques Fundo Letras Monocromático Fundo Letras Contrastante colorpalettes.net Cores
  10. 10. • O que quero dizer • O que não preciso dizer • Escolher ou dar a escolha ao cliente Trabalho feito para tal cliente Data da publicação Nome do trabalho Trabalho feito para tal cliente Data da publicação Neste trabalho busquei retratar... Abertura, exposição, ISO, lente Equipe Fulano, Ciclano e Beltrano Nome do trabalho hierarquia { Informações
  11. 11. • Significa ser encontrado facilmente • Interconexão entre todas minhas mídias (pessoais e profissionais) • Filtrar o meu perfil pessoal Presença online
  12. 12. A é subjetiva
  13. 13. Rápido e acessível Baixa qualidade Vendo preço Rápido e nem tão acessível Boa qualidade Vendo valor
  14. 14. • Ajuda na percepção de valor • Vender valor é diferente de vender preço • Vendo preço quando o importante é a qualidade • Vendo valor quando o importante é a qualidade Design
  15. 15. • Cuidar para não criar um portfolio baseado em modismos • Dribbblização do design tiny.cc/tendencia Design
  16. 16. • Descobrir o que quero que seja meu portfolio • Buscar referências visuais, mas não cair no padrão • Simplificar, não supercomplicar Como fazer
  17. 17. • Excesso de trabalhos • Falta de foco • Falta de clareza na navegação • Não dizer quem é o profissional ou empresa • Não possuir informações de contato Erros comuns em um portfolio
  18. 18. Exemplos
  19. 19. sagmeisterwalsh.com Referências tiny.cc/referencia1
  20. 20. hugeinc.com Referências tiny.cc/referencia2
  21. 21. mareenfischinger.com Referências tiny.cc/referencia3
  22. 22. y78.fr Referências tiny.cc/referencia4
  23. 23. www.jdcdesignstudio.com/docs/JDC-Portfolio.pdf tiny.cc/referencia5 Excesso de trabalhos empilhados e levando a link externo www.teddysmithstudio.com/portfolio.pdf tiny.cc/referencia6 Boa solução direta ao ponto www.pro-imaging.com/Thierry_Cardineau_Photography_Portfolio.pdf tiny.cc/referencia7 Falta de informações, sombra desnecessária, páginas de tamanhos diferentes Referências em pdf
  24. 24. www.jimbatty.com/portfolio/jimbatty_photography_200ppi.pdf tiny.cc/referencia8 Fotos em mosaico na mesma página interferem umas nas outras, gerando desinteresse www.martinszabo.com/wp-content/uploads/2015/10/GLAMOUR-PET-PHOTOGRAPHY-Portfolio-2015.pdf tiny.cc/referencia9 Bom portfolio apesar do logo em todas páginas tirar a atenção das imagens www.raphaelblasselle.eu/wp-content/uploads/2015/02/Portfolio_Projects_En.pdf bit.do/referencia10 Bom portfolio, conta uma história, tem sequência e usa bem as imagens Referências em pdf
  25. 25. • Instagram • Behance • Livros de arte • Society of News Design (SND) • Buscar inspiração em pesquisas fora da área de interesse (ex.: design de jóias, automotivo, arquitetura, de serviços...) • Sites de comportamento e tecnologia e notícias (theverge, quartz, fastcompany) Onde buscar referências
  26. 26. • Saber para quem estou fazendo • Definir um conceito e um tom • Ter hierarquia na informação • Clareza na ordem de leitura • Ideia de princípio, meio e fim • Uso moderado de elementos gráficos • Remover elementos desnecessários Então:
  27. 27. linkedin.com/in/rafaelocana behance.net/rafaelocana rafaelocanav@gmail.com Rafael Ocaña

×