SlideShare una empresa de Scribd logo
1 de 37
Descargar para leer sin conexión
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 clareza e eficiência na mensagem final
Como é o meu público-alvo?
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 informações
• Ter presença online consistente
Cuidados básicos
• 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
• 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
• 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
• Significa ser encontrado facilmente
• Interconexão entre todas minhas mídias (pessoais e profissionais)
• Filtrar o meu perfil pessoal
Presença online
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
• Vendo valor quando o importante é a qualidade
Design
• 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 supercomplicar
Como fazer
• 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
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 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
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
• 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
• 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:
linkedin.com/in/rafaelocana
behance.net/rafaelocana
rafaelocanav@gmail.com
Rafael Ocaña

Más contenido relacionado

Destacado

ESAT - Portfólio de Design Gráfico
ESAT - Portfólio de Design GráficoESAT - Portfólio de Design Gráfico
ESAT - Portfólio de Design GráficoESAT
 
Naming Process and Logo Design
Naming Process and Logo DesignNaming Process and Logo Design
Naming Process and Logo DesignMeridiano Digital
 
Portfolio - Design Gráfico - Miami Ad School - Roberta Germano
Portfolio - Design Gráfico - Miami Ad School - Roberta GermanoPortfolio - Design Gráfico - Miami Ad School - Roberta Germano
Portfolio - Design Gráfico - Miami Ad School - Roberta GermanoRoberta Germano
 
Portfolio Impressos
Portfolio ImpressosPortfolio Impressos
Portfolio ImpressosAna Nunes
 
Manual de uso de la furgoneta Citroen C15
Manual de uso de la furgoneta Citroen C15Manual de uso de la furgoneta Citroen C15
Manual de uso de la furgoneta Citroen C15Federico Faci
 
Portfólio de Design Gráfico - Denise Alencar
Portfólio de Design Gráfico - Denise AlencarPortfólio de Design Gráfico - Denise Alencar
Portfólio de Design Gráfico - Denise AlencarDenise Alencar
 
Shipyard Begej Company Profile
Shipyard Begej Company ProfileShipyard Begej Company Profile
Shipyard Begej Company ProfileShipyard Begej
 
Industrial Design Portfolio
Industrial Design PortfolioIndustrial Design Portfolio
Industrial Design PortfolioTanvi Singh
 
Logo? Identity? Brand? - Getting the right idea & Getting the idea right
Logo? Identity? Brand? - Getting the right idea & Getting the idea rightLogo? Identity? Brand? - Getting the right idea & Getting the idea right
Logo? Identity? Brand? - Getting the right idea & Getting the idea rightZwan Tb
 
Vodafone Brand Analysis
Vodafone Brand AnalysisVodafone Brand Analysis
Vodafone Brand AnalysisHitaishi Gupta
 
Vodafone Brand Academy
Vodafone Brand AcademyVodafone Brand Academy
Vodafone Brand Academymattus
 
Industrial Design Portfolio Basics
Industrial Design Portfolio BasicsIndustrial Design Portfolio Basics
Industrial Design Portfolio Basicscarlyhagins
 
Design Portfolio
Design Portfolio Design Portfolio
Design Portfolio Amir Khella
 
Graphic Design Portfolio 2011
Graphic Design Portfolio 2011Graphic Design Portfolio 2011
Graphic Design Portfolio 2011justin_26
 

Destacado (20)

ESAT - Portfólio de Design Gráfico
ESAT - Portfólio de Design GráficoESAT - Portfólio de Design Gráfico
ESAT - Portfólio de Design Gráfico
 
PORTFOLIO DESIGN
PORTFOLIO DESIGNPORTFOLIO DESIGN
PORTFOLIO DESIGN
 
Portfolio
PortfolioPortfolio
Portfolio
 
Boletin noviembre 2016
Boletin noviembre 2016Boletin noviembre 2016
Boletin noviembre 2016
 
Naming Process and Logo Design
Naming Process and Logo DesignNaming Process and Logo Design
Naming Process and Logo Design
 
Portfolio AVI Design - 2015
Portfolio AVI Design - 2015Portfolio AVI Design - 2015
Portfolio AVI Design - 2015
 
Portfolio - Design Gráfico - Miami Ad School - Roberta Germano
Portfolio - Design Gráfico - Miami Ad School - Roberta GermanoPortfolio - Design Gráfico - Miami Ad School - Roberta Germano
Portfolio - Design Gráfico - Miami Ad School - Roberta Germano
 
Portfolio Impressos
Portfolio ImpressosPortfolio Impressos
Portfolio Impressos
 
Manual de uso de la furgoneta Citroen C15
Manual de uso de la furgoneta Citroen C15Manual de uso de la furgoneta Citroen C15
Manual de uso de la furgoneta Citroen C15
 
Portfólio Bruno Andrini Costa
Portfólio Bruno Andrini CostaPortfólio Bruno Andrini Costa
Portfólio Bruno Andrini Costa
 
Portfólio de Design Gráfico - Denise Alencar
Portfólio de Design Gráfico - Denise AlencarPortfólio de Design Gráfico - Denise Alencar
Portfólio de Design Gráfico - Denise Alencar
 
Shipyard Begej Company Profile
Shipyard Begej Company ProfileShipyard Begej Company Profile
Shipyard Begej Company Profile
 
Industrial Design Portfolio
Industrial Design PortfolioIndustrial Design Portfolio
Industrial Design Portfolio
 
Logo? Identity? Brand? - Getting the right idea & Getting the idea right
Logo? Identity? Brand? - Getting the right idea & Getting the idea rightLogo? Identity? Brand? - Getting the right idea & Getting the idea right
Logo? Identity? Brand? - Getting the right idea & Getting the idea right
 
Vodafone Brand Analysis
Vodafone Brand AnalysisVodafone Brand Analysis
Vodafone Brand Analysis
 
Sumita's Graphic Design Portfolio
Sumita's Graphic Design PortfolioSumita's Graphic Design Portfolio
Sumita's Graphic Design Portfolio
 
Vodafone Brand Academy
Vodafone Brand AcademyVodafone Brand Academy
Vodafone Brand Academy
 
Industrial Design Portfolio Basics
Industrial Design Portfolio BasicsIndustrial Design Portfolio Basics
Industrial Design Portfolio Basics
 
Design Portfolio
Design Portfolio Design Portfolio
Design Portfolio
 
Graphic Design Portfolio 2011
Graphic Design Portfolio 2011Graphic Design Portfolio 2011
Graphic Design Portfolio 2011
 

Similar a Aula sobre portfólio - Como o design pode ajudar

Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaLaboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaRicardo Pereira Rodrigues
 
Gestão do Projeto de Design de Interação - Aula 1
Gestão do Projeto de Design de Interação - Aula 1Gestão do Projeto de Design de Interação - Aula 1
Gestão do Projeto de Design de Interação - Aula 1Ricardo Wagner De Farias
 
Jimdo em Teresina 2014
Jimdo em Teresina 2014Jimdo em Teresina 2014
Jimdo em Teresina 2014Nilson Junior
 
Modelagem de usuários
Modelagem de usuáriosModelagem de usuários
Modelagem de usuáriosLuciana Nunes
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product DesignProduct School
 
O que aprendemos no #AgileBrazil
O que aprendemos no #AgileBrazilO que aprendemos no #AgileBrazil
O que aprendemos no #AgileBrazilRafael Bandeira
 
Comunicação+Executiva.pdf
Comunicação+Executiva.pdfComunicação+Executiva.pdf
Comunicação+Executiva.pdfEduardoMucaji1
 
Publicação de trabalhos na Web
Publicação de trabalhos na WebPublicação de trabalhos na Web
Publicação de trabalhos na WebGabriel Ishida
 
Implementando a Gestão por Competências
Implementando a Gestão por CompetênciasImplementando a Gestão por Competências
Implementando a Gestão por CompetênciasKenneth Corrêa
 
Workshop Linkedin para empresas
Workshop Linkedin para empresasWorkshop Linkedin para empresas
Workshop Linkedin para empresasMiguel Moreira
 
Workshop - Networking e Oportunidades - Porto - Cidade das Profissões
Workshop - Networking e Oportunidades - Porto - Cidade das ProfissõesWorkshop - Networking e Oportunidades - Porto - Cidade das Profissões
Workshop - Networking e Oportunidades - Porto - Cidade das ProfissõesJorge Basto Sobreira
 
Projeto geral sumare de ppi mult
Projeto geral sumare de ppi   multProjeto geral sumare de ppi   mult
Projeto geral sumare de ppi multDenise A.
 
Gestão do Projeto de Design de Interação - Aula 2
Gestão do Projeto de Design de Interação - Aula 2Gestão do Projeto de Design de Interação - Aula 2
Gestão do Projeto de Design de Interação - Aula 2Ricardo Wagner De Farias
 
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MGModelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MGNeubio Ferreira
 
Perfil do profissional de TI - Pensando Além
Perfil do profissional de TI - Pensando AlémPerfil do profissional de TI - Pensando Além
Perfil do profissional de TI - Pensando Alémilegra
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)mfiorelli
 
Além do relatório
Além do relatórioAlém do relatório
Além do relatórioAna Coli
 

Similar a Aula sobre portfólio - Como o design pode ajudar (20)

Vendendo seu Peixe
Vendendo seu PeixeVendendo seu Peixe
Vendendo seu Peixe
 
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaLaboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
 
Gestão do Projeto de Design de Interação - Aula 1
Gestão do Projeto de Design de Interação - Aula 1Gestão do Projeto de Design de Interação - Aula 1
Gestão do Projeto de Design de Interação - Aula 1
 
Novo emprego, novos planos
Novo emprego, novos planosNovo emprego, novos planos
Novo emprego, novos planos
 
Jimdo em Teresina 2014
Jimdo em Teresina 2014Jimdo em Teresina 2014
Jimdo em Teresina 2014
 
Estrategias de Conteudo
Estrategias de ConteudoEstrategias de Conteudo
Estrategias de Conteudo
 
Modelagem de usuários
Modelagem de usuáriosModelagem de usuários
Modelagem de usuários
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product Design
 
O que aprendemos no #AgileBrazil
O que aprendemos no #AgileBrazilO que aprendemos no #AgileBrazil
O que aprendemos no #AgileBrazil
 
Comunicação+Executiva.pdf
Comunicação+Executiva.pdfComunicação+Executiva.pdf
Comunicação+Executiva.pdf
 
Publicação de trabalhos na Web
Publicação de trabalhos na WebPublicação de trabalhos na Web
Publicação de trabalhos na Web
 
Implementando a Gestão por Competências
Implementando a Gestão por CompetênciasImplementando a Gestão por Competências
Implementando a Gestão por Competências
 
Workshop Linkedin para empresas
Workshop Linkedin para empresasWorkshop Linkedin para empresas
Workshop Linkedin para empresas
 
Workshop - Networking e Oportunidades - Porto - Cidade das Profissões
Workshop - Networking e Oportunidades - Porto - Cidade das ProfissõesWorkshop - Networking e Oportunidades - Porto - Cidade das Profissões
Workshop - Networking e Oportunidades - Porto - Cidade das Profissões
 
Projeto geral sumare de ppi mult
Projeto geral sumare de ppi   multProjeto geral sumare de ppi   mult
Projeto geral sumare de ppi mult
 
Gestão do Projeto de Design de Interação - Aula 2
Gestão do Projeto de Design de Interação - Aula 2Gestão do Projeto de Design de Interação - Aula 2
Gestão do Projeto de Design de Interação - Aula 2
 
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MGModelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
Modelagem Ágil - UaiJug TechDays 2013 - Uberlândia MG
 
Perfil do profissional de TI - Pensando Além
Perfil do profissional de TI - Pensando AlémPerfil do profissional de TI - Pensando Além
Perfil do profissional de TI - Pensando Além
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
 
Além do relatório
Além do relatórioAlém do relatório
Além do relatório
 

Aula sobre portfólio - Como o design pode ajudar