Criando um ótimo portfólio de design gráfico

1. Introdução do curso: Ei, meu nome é Jeremy. Sou designer de identidade de marca de Sydney, Austrália. Nesta aula, vou compartilhar com vocês como criar portfólios incríveis. Se você é um designer júnior, um iniciante, ou talvez você é um designer gráfico com alguns anos de experiência, esta aula será ótima para você porque eu vou compartilhar com você como estruturar seu portfólio, como também, como criar estudos de caso que tenham mais impacto. Nós também vamos mergulhar em como criar modelos espetaculares que realmente têm imagens de capa atraentes que atraem a atenção. Vamos falar sobre algumas dicas práticas sobre como usar o Behance, também sobre como criar uma página de destino usando um modelo Webflow e também sobre minhas melhores práticas, dicas e truques que aprendi no passado 8 anos, além de revisar carteiras estudantis, o que eu fiz por um tempo. Para o seu projeto de classe, o que vamos fazer é trabalhar em um estudo de caso do Behance, para que você possa realmente trabalhar em um projeto cliente anterior que você já teve. Se você não teve projetos de cliente, posso colocar um resumo onde você pode realmente praticar e criar isso e enviá-lo para o Behance, então você pode começar a construir seu portfólio. Se você é um designer júnior, um designer gráfico, ou apenas um iniciante que quer entrar em design e começar a construir seu portfólio, então definitivamente confira esta classe e inscreva-se. Estou ansioso para te ver lá dentro, e vamos começar a desenhar. 2. Por que você precisa de um portfólio: Por que você precisa de um portfólio? Eu realmente acredito que um portfólio na indústria criativa é tão importante porque sem o seu trabalho ser visto, você é basicamente invisível. Adoro o livro Austin Kleon, e chama-se Mostre o Seu Trabalho. Se você não mostrar o seu trabalho, como você vai ser notado? É a única maneira de se tornar conhecido colocando seu trabalho lá fora, não importa o nível em que você está, você precisa constantemente colocar para fora o seu trabalho de design, colocar para fora sua arte para que você seja notado. A questão é, a maioria dos clientes não vai realmente saber o que você faz ou que tipo de trabalho você faz a menos que você é um louco, você é como vendedores ou você tem um monte de boca a boca ou um monte de tráfego indo para seus sites para realmente gerar esses leads. Mas as mídias sociais podem ser um portfólio. Eu amo Instagram, que é um ótimo lugar para postar imagens, você pode ter a grade bonita e você não precisa ter um site. Mas eu realmente acredito nestes dias que ter um site realmente vai beneficiá-lo porque você tem muito mais controle sobre o design decidir, como você cria seu portfólio, e eu simplesmente amei essa funcionalidade e a capacidade para apenas compartilhar um link e isso é sempre incentivado, salve um nome de domínio do seu nome pessoal, porque você sempre pode usá-lo como um portfólio. Agora, minhas três razões pelas quais você precisa de um portfólio é o Número 1, você precisa mostrar seu nível de habilidade. Quando alguém olha para o seu portfólio imediatamente, ele deve ser capaz de dizer-lhe o nível de habilidade e habilidade que você tem como designer criativo. O número 2 é atrair um público. Toda vez que você construir ou colocar para fora trabalho, você vai ganhar designers e clientes para ver o seu trabalho, então você vai construir isso. número 3 é realmente construir mais clientes potenciais e obter mais leads. Quanto mais leva melhor, porque então você pode conseguir mais trabalho. Então o número 4 é que você quer construir um corpo de trabalho. Nós vimos tudo isso é artista como Picasso, e eles geraram toda essa arte durante toda a sua vida, é a mesma coisa com o design. Você quer começar a construir este corpo de trabalho. Ao longo dos anos, enquanto você continua perseguindo seu sonho e se tornando um designer, então você tem uma vasta gama de projetos para mostrar, para compartilhar, e isso vai ajudá-lo a ter sucesso a longo prazo. Agora, eu quero compartilhar alguns sites de portfólio que você pode usar para realmente colocar seu portfólio on-line se você não estiver indo para obter um site. número 1 é “freelancing “da Cavalaria e “The Loop”. Esses dois lados estão baseados na Austrália. Eu os usei quando era um pouco mais jovem. Também faço parte da Cavalaria no momento. Estive lá nos últimos anos e é bom para trabalho freelance extra quando se trabalha com agências e coisas assim. Se você é australiano, definitivamente confira esses sites, eles são realmente fáceis de usar. Agora, algumas outras sugestões que eu recomendo. Estes são os cinco melhores que eu acho que são os melhores. O número 1 é Behance. O legal do Behance é que ele é realmente gratuito e é fácil de configurar, fácil de colocar seu portfólio on-line, e é uma das plataformas mais populares porque é propriedade da Adobe. Eu recomendo isso. O número 2 é Dribble. Estou no Dribble há muitos anos. O único problema é que é apenas convite. Você precisa receber um convite de alguém, seja outro designer que já esteja na plataforma. Mas no geral a grade lá, a comunidade é adorável e a qualidade de design lá é realmente grande. O número 3 é feito de carbono. Esta não é uma opção barata. O preço geralmente varia entre $8 e $12, dependendo de onde você estiver, se for USD ou qualquer moeda em que você estiver. Mas é uma ferramenta muito simples. Eu realmente amo isso porque é arrastar e soltar módulos. Você pode adicionar galerias, você pode adicionar grades, e é mais fácil entrar no fluxo dele. Você pode personalizar a topografia e as cores da marca e um monte de coisas. Carbono feito é outra opção realmente boa viável se você está apenas começando. Se você é um iniciante e apertado no dinheiro, eu acho que é uma boa sugestão. Número 4 é Webflow. Esta é a minha plataforma pessoal que eu uso para construir todos os meus sites para clientes, bem como para mim. Você pode ver um exemplo do meu site, eu construí tudo do zero usando Webflow. Eu não usei nenhum código, basicamente apenas as ferramentas que o Webflow fornece, e eu adoro usá-lo. É muito simples, muito divertido, e é mais fácil adicionar animação também se eu quiser enlouquecer com isso. Então, finalmente, é Wix editor X. Eu acho que esta é uma boa, alternativa barata também. É muito semelhante ao Webflow, mas é mais para iniciantes. A questão é que, se você é um designer ou quer trabalhar com clientes, você pode usá-lo por esse motivo também. É flexível, arrastar e soltar também, muito simples de usar, e eu acho que estes são os melhores para recomendar. 3. Como escrever sobre si mesmo: Quero falar um pouco sobre como escrever sobre si mesmo. Tenho uma pergunta de um dos alunos da Skillshare. Como eles escrevem sobre si mesmos se eles não tiveram a experiência. Só quero me basear nisso. Você quer evitar falar de mim, mim, e torná-lo foco egocêntrico. Você quer injetar sua personalidade compartilhando coisas sobre o que você faz, coisas ao lado, coisas sobre sua vida. Mas a coisa é, ninguém quer ouvir uma redação. Eles não querem ouvir a história da sua vida. Eles realmente só querem escanear sua página, ver se é relevante para eles, e ver se você é uma pessoa legal. Eu realmente tento escrever algo que é realmente verdadeiro para quem eu sou, mas tentando me concentrar em como eu impactei os outros, e como meu negócio de design ou eu pessoalmente, como eu ajudo os outros e ajudo as empresas ao longo do caminho. Lembre-se, um cliente em potencial pode estar lendo sua página Sobre. Veja como você pode ajudá-los. Escreva sobre coisas que são como você cresceu negócios, ou você pode falar sobre como você atingiu um determinado objetivo ou alcançou algo. Essas coisas são realmente importantes porque soa profissional, mas no final do dia, você pode falar sobre coisas que são relevantes para sua vida, e sempre tentar usar suas próprias palavras. Não tente soar legal ou espirituoso, apenas mantê-lo realmente doce, manter os parágrafos realmente curto, e não se intrometer quando você está escrevendo sobre si mesmo. Se você tem um pouco de experiência, aqui estão algumas coisas que você pode mencionar em sua página Sobre ou quando você está escrevendo um blog para um site ou coisas assim. O número 1 é elogios e prêmios. Se você ganhou algo de estar em uma competição, e você ganhou, isso é muito legal mencionar, projetos paralelos também se você fez parte de um projeto paralelo em que você trabalhou, isso é muito legal também. Talvez eventos, talvez você se voluntariou em uma conferência de design local, algo assim, que é muito legal de acrescentar. Também falando sobre clientes anteriores, você pode colocar seus logotipos lá. Você também pode mencionar seus sistemas e valores pessoais de crença. O que você valoriza na vida? Acho que as pessoas adoram ressoar e falar sobre isso. Acho que é muito importante. Agora, talvez você seja um iniciante, e você realmente não tem experiência anterior, você realmente não trabalhou com clientes reais. Quais são algumas coisas que você pode realmente falar? Uma coisa é que você pode realmente mencionar coisas que inspiram seu trabalho, seu pensamento e a maneira como você trabalha. Tem certos designers, artistas, talvez um certo estilo visual do passado que você realmente gosta. Talvez seja um local, um museu ou um lugar pelo qual você viajou que realmente o inspire. Número 2 são suas paixões. Qual é o seu objetivo final? Seu sonho final. É para trabalhar para a Disney? É para trabalhar para a Apple ou algo assim? Talvez seja muito interessante para alguém injetar isso no texto, isso poderia ser muito interessante. Outra coisa que você pode fazer é mencionar o que você faz fora do trabalho como nos fins de semana. Você gosta de ir ao ginásio ou à praia ou você faz observação de pássaros. Você gosta de ir ao cinema ou ir a certos eventos. Mencione algumas dessas coisas, não vá muito fundo nisso, mas você pode realmente trazer alguns desses traços pessoais, e sabores pessoais, e gosto que você realmente gosta de fazer fora do design e da criatividade. Então outra coisa que é importante é ter um apelo à ação. Faça uma chamada à ação que diga, vamos começar um projeto, marcar uma chamada, entrar em contato, vamos tomar um café, algo assim, que realmente inspire alguém a agir, especialmente se estiver na sua página Sobre, é uma oportunidade de entrar em contato com um cliente em potencial. Então, por último, você pode mencionar 3-5 valores em que você realmente acredita, e coisas que você aplica em seu negócio. Para mim, alguns deles é que nos esforçamos pela excelência. Então eu tento colocar o máximo de esforço possível no meu trabalho. Então outro valor que eu tenho é que eu sou as pessoas primeiro. Eu realmente valorizo as pessoas, e eu sou muito amigável, e acredito em bondade, e em paz, e apenas sendo útil para as pessoas. Para mim, as pessoas em primeiro lugar, e a excelência são dois valores que eu realmente amo falar, e isso está na minha página Sobre. Você pode verificar isso no meu site, mas você pode compartilhar algumas dessas coisas, e eu acho que essas dicas vão realmente ajudá-lo quando você está escrevendo sua página Sobre, escrevendo sobre você e coisas que estão indo para realmente fazer você se destacar quando alguém pousa em seu site. 4. Estudo de caso vs. portfólio: Qual é a diferença entre um estudo de caso e um portfólio? A primeira coisa que quero que faça é se livrar do termo portfólio. Nós crescemos na escola de design ou faculdade e estamos acostumados a dizer este termo portfólio, mas realisticamente no mundo real queremos falar sobre estudos de caso. Eu quero que você mude a linguagem porque queremos ter certeza de que estamos criando estudos de caso e não apenas imagens bonitas para verificar on-line porque queremos ter mais de um impacto, mais de um efeito quando falamos sobre nosso trabalho, vamos ser mais profissionais e realmente conseguir esses projetos maiores. Um estudo de caso criativo, vou parafraseá-lo para você, mas aqui está a definição geral disso. É basicamente um processo ou registro de pesquisa sobre o desenvolvimento e design de um projeto específico ao longo de um período de tempo. É tudo sobre ter um processo e mostrar isso uma forma visual agradável para o seu potencial cliente ou alguém que está visualizando sua página. Eu quero compartilhar alguns exemplos disso, mas é uma ótima maneira de realmente retratar e mostrar seu trabalho de uma maneira agradável que é realmente profissional. Você sempre tem que lembrar que os clientes só se importam em ver resultados. Eles se importam com o que você pode realmente fazer com eles. Eles sempre se concentram em seus negócios, ganhando dinheiro e melhorando seu próprio negócio e marca. Você tem que pensar no lugar deles. Como podemos torná-lo mais relevante para eles? Em vez de nos focarmos, que sou um designer legal, sou isso. Tente focá-lo em torno do cliente. É por isso que precisamos desenvolver estudos de caso em vez deste portfólio dessas imagens agradáveis ou logotipos agradáveis precisamos mostrar os resultados e mostrá-los de uma maneira limpa e sucinta que vai ser simples e fácil para eles digerir. Aqui estão algumas perguntas que costumo fazer quando estou criando um estudo de caso. Isso mostra o que eles podem fazer por mim? Será que seu cliente conseguiu resultados semelhantes que eu quero? Estas são questões que estão na mente do cliente, do cliente. Imagine-os dizendo isso ou fazendo essas perguntas a si mesmos. O número 3 seria, como eles trabalharam com eles? Número 4 é, você tem um processo claro? Quando eles desembarcam em seu site, eles vêem um estudo de caso ou seu próprio Behance ou qualquer site e eles vêem um bom estudo de caso, eles vão estar fazendo essas perguntas, este designer pode me ajudar? Eles têm um processo simples? Este designer pode obter resultados semelhantes? Porque talvez você trabalhou com o negócio de limpeza e talvez este cliente que está olhando para o site dele também tem um negócio de limpeza e eles querem ver, o que você realmente criou? Quais são os materiais de entrega? Quais são os resultados? Você aumentou as vendas? Você aumentou a conscientização da marca? Etc. Estas são algumas questões-chave que estão passando pela sua mente, então sempre considere isso quando você estiver criando um estudo de caso. Quero mostrar meu antigo site de portfólio que foi há anos atrás, em 2014. Este é um dos meus mais velhos. Eu usei o Squarespace para isso. Squarespace é um site baseado em modelo legal, semelhante aos outros que eu mencionei. Você pode ver aqui que foi bastante básico. Eu tinha um projeto estudantil lá dentro, as maquetes um que incrível. Era muito simples e eu só tentei compartilhar meu trabalho só para conseguir alguns shows freelance. Ajudou-me a arranjar empregos mais cedo e a arranjar um livro de recheios, mas era o meu antigo portefólio. Aqui estão algumas fotos antigas do meu currículo e do meu portfólio PDF. Eu tenho algumas outras fotos, mas aqui está o que parecia. Quando eu envio meu PDF por um e-mail para uma agência ou para um cliente, geralmente é em um PDF com algumas páginas e meu currículo ou currículo e foi assim que parecia, manteve muito simples. Eu usei um modelo que eu tirei do Creative Market, apenas realmente topográfico baseado. Obviamente, eu recomendo ter essas barras. Eu não tenho mais isso, mas este é apenas um antigo que eu costumava enviar quando eu costumava me candidatar a empregos, freelancing e coisas assim. Eu encorajo-te a começarmos por algum lado. Não foi o melhor trabalho, não foi o melhor, mas eu cresci e aprendi e evoluí. As lições que aprendi foram que minha imagem de capa é realmente feia. As maquetes não eram profissionais. Não pareciam 10 mil dólares. Faltavam o layout e a tipografia. Não foi realmente profissional e até o padrão que gostamos. Outro foi um trabalho, parece trabalho de estudante. O trabalho, tudo bem mostrar o trabalho estudantil se você está começando mas para mim na época eu queria ter uma barra de padrões nele. É que meu trabalho estudantil não era muito bom na época em que eu estava me candidatando a empregos embora não houvesse contexto adequado ou formato de estudo de caso. Assim como muitas vezes eu estava apenas mostrando imagens com um pouco de texto. Eu não era como dividi-lo ou qualquer coisa em um estudo de caso. Outra lição foi, não parece excitante ou altamente profissional. Algumas dessas coisas são subjetivas, mas na minha opinião, eu sabia que poderia fazer melhor. Eu tinha mais potencial. Então, por último, imagens e projetos inconsistentes. Você pode ver que algumas das imagens são muito malucas, é tudo diferente, alguns olhar fotografia, alguns parecem uma revista, editorial. É como o que eu realmente faço? Eu faço branding? Eu faço logotipos? Foi misturado e a mesma coisa é que aqui eu só verifiquei imagens, maquetes, e outras coisas, mas não era coeso. Aqui está um exemplo de estudo de caso de um cliente com quem trabalhei em 2020. Você pode ver que isso é da Macquarie Business School e, obviamente, não está disposta assim lado no Behance ou no meu site, mas você pode ver que foi consistente, foi poderoso, foi apenas geral, parece profissional, parece limpo, parecia bom, e alcançou o breve e também meu site, por exemplo, aqui você pode ver que eu quebrar os resultados, o papel, etc Você pode ver o testemunho que eu recebi do cliente. Ela disse que os cartazes, banners de EDM e arquivos de log são perfeitos. Obrigado pelo ótimo trabalho. Trabalhar com você é como uma brisa e elogiamos seu profissionalismo e flexibilidade. Foi uma grande confirmação e estou muito grato por isso. No próximo módulo, vou mostrar-lhe como estruturar o estudo de caso, mas espero que isso lhe dê um pouco de visão e exemplo. Quais são as vantagens disto? Ele mostra mais do contexto do projeto. Ele mostra melhores maquetes de alta qualidade e apresentação em comparação com o meu antigo portfólio. Parece profissional. Destaca-se com perto dos ícones. O post é tudo só parece muito legal e relevante, mais detalhes e mostrando todos os resultados, bem. O estudo de caso tem descrições mais profundas e está bem definido, então você pode colocá-lo para fora. Você pode adicionar mais elementos de design a ele e estrutura ser melhor. Também há consistência com um sentimento geral, vibração e personalidade para ele. Sinto que esta é a melhor maneira de o fazer. Portfólio de cordas separado, verificando imagens de casal pequeno, tente criar um estudo de caso que seja mais profundo, que tenha mais peso , que terá mais detalhes e será muito melhor para você a longo prazo. 5. De onde vem minha inspiração: Agora eu quero mostrar alguns exemplos de onde eu tenho minha inspiração de estudo de caso quando estou colocando meu portfólio. Aqui estão alguns sites que realmente me inspira. número 1 é o Pentagrama e eu sei que é uma grande agência e você pode ficar com medo. Eu estava tipo, “Eu não posso fazer essa qualidade de trabalho.” Tudo bem se você está começando ou começando você ainda pode ter algumas idéias. O que eu vou fazer, eu costumo vir e olhar para alguns desses projetos. Por exemplo, se eu quiser clicar em League of Legends, que é bom e ver Veja eles criaram seu trabalho e ver como eles falam sobre seu trabalho. Eu olho para as imagens, como eles criaram esse lindo logotipo como podemos ver aqui. Eles adicionam depoimentos, eles adicionam algum texto lá. Eu realmente amo como eles adicionam esses pedacinhos lá dentro. Você pode ver mais algumas imagens. Alguns que devem ter feito uma publicidade de campanha de marca. Você pode ver maquetes lá, isso é muito legal, bem, bonito. Normalmente, eu só teria algumas idéias como, como eles usaram as maquetes? Como eles estão criando essas coisas? Obviamente, no Photoshop eles estão usando as plataformas básicas que todos nós usamos. É um ótimo exemplo. Vamos ver se encontramos outro exemplo aqui. Vamos clicar em, Canvas, plataforma de recrutamento SAAS. Usam animação, usam muita coisa divertida. Lembre-se, podemos manter as maquetes simples e agradáveis, mantendo-as marcadas, isso é muito legal. Pensei que tinham feito isso. Percorra. Eu recentemente para obter algumas idéias e às vezes eu vou clicar com o botão direito e realmente salvar como e salvar a imagem ou impressão de tela. Quero dizer, imprimir tela, captura de tela e, em seguida, jogar na foto para mais tarde, talvez eu queira criar algo assim. Histórias lá para o Instagram. Website responsivo, bonito. Os ícones do sistema de design, incrível. Este é um site que eu amo ir em. O trabalho é tão de alta qualidade. O segundo é “Nós somos COLLINS “, outro grande estúdio. Mas podemos aprender muito porque eles colocam para fora uma qualidade tão grande. Você pode ver Spotify, Twitch, todas as coisas. Eu realmente amo o Twitch, é um bom. Acho que esse chamado Crane ganhou alguns prêmios. Se percorrermos por aqui, você pode ver algum estacionário. Acho que isto era para uma empresa de impressão, também. Apenas lindas maquetes. A apresentação é muito boa. Às vezes é uma fotografia, às vezes é uma maquete, mas eu realmente amo como eles explicam as coisas. A imagem é muito forte. Eles não adicionam muitos textos aos seus. Obviamente, se eu apenas voltar e clicar você vê o pequeno botão mais, Informações do Projeto. Mostra a equipe envolvida, mostra um monte de textos que são muitos textos, mas eles se escondem caso as pessoas não queiram ler. Aqui está outro bom e que eu adoro olhar. O próximo é Behance. Para o Behance, o que costumo fazer é digitar a identidade da marca na barra de pesquisa. Eu carrego, “Enter”. Então geralmente o que surge é um monte de identidades de marca diferentes. Um monte inteiro aqui. Como podemos ver, há tantas coisas legais, tantas coisas legais, quero dizer. Por exemplo, vamos dar uma olhada nesse, Tutch. Quebrando a descrição do projeto, vendo os cartazes nos desenhos, logotipo. Eu não tenho certeza de que tipo de marca é esta, mas apenas olhando para as imagens, olhando para como eles criaram a campanha e tudo o mais. Isso é muito legal. Um Tutch, interessante. Bem, essa é uma boa. O que mais? Este é 50 mil. Café e Restaurante La Mensa. Parece que está em árabe. Só estou passando pelo processo para não invejá-los ou para tentar copiá-los, mas para ver o que posso aprender, o que posso me adaptar ao meu processo? Como posso fazer minhas imagens parecerem tão boas? Posso obter modelos semelhantes em algum lugar? Posso criar alta qualidade como esta? Essas são as perguntas que você deveria fazer a si mesmo. Então, por último, abduzeedo.com é outro grande. O que eu gostaria de fazer é, no topo, clicar em Coleções. Você quer clicar em Branding e eles devem mostrar-lhe todo o tipo de identidade da marca de coisas. Um aqui, Villa 953. Se você rolar para baixo, você tem um monte de diferentes, mesmo este parece muito legal, Minimalist Branding for Twig Learning Center dá-lhe detalhamento do projeto no início, é simples e limpo. Ele lhe dá o objetivo do público-alvo e quebra no projeto. Maquetas realmente agradáveis aqui, deixando o design aqui, tantos pequenos detalhes e técnicas de impressão. Se você é um designer digital e não está fazendo material de impressão, tudo bem, tudo bem, mas podemos usar isso em nosso benefício. Só estou rolando por aqui. Acho que isso é muito bom. Você pode clicar no Instagram para o que isso me levaria. Levou-me ao estúdio, isso é loucura. Então o que eu gosto de fazer é tentar encontrar seus sites. A mesma coisa com as mãos B, também. Eu gostaria de ir e encontrar o criador. Digamos, por exemplo, vamos. Vamos tentar encontrar outro. Universidade Nacional Australiana, isso é muito legal. Então eu vou para o topo, olhar para vários proprietários. Há várias pessoas aqui e eu basicamente vou clicar com o botão direito do mouse e ir para suas páginas e, em seguida, clicar em seu site. Se você clicar em seu site no lado esquerdo do artista, clique no site. Normalmente é assim que encontro o trabalho deles. Eu começo a olhar para os estudos de caso e é assim que eu obter alguma inspiração se eu gostaria do trabalho de alguém. Você vai fazer um pouco de perseguição positiva por inspiração, Instagram e um monte de coisas diferentes. Olha, acabei de encontrar um monte de identidades legais desta empresa. É um pouco lento no carregamento, mas coisas bonitas. 6. Como estruturar estudos de caso: Vamos falar sobre como estruturar um estudo de caso. Quero dar-te o meu esgotamento e a minha fórmula sobre como o estruturo. Então, quando você está criando um estudo de caso para seu site ou seu blog, que ele vai se destacar e então vai fazer sentido e ser muito claro. As primeiras partes chave da estrutura de um estudo de caso é a introdução. Você quer ter uma descrição do projeto de design. Sobre o que é o negócio? Qual é a descrição geral? O número 2 é a solução. Qual foi a sua solução ou conceito final de design? Qual foi o motivo ou padrão específico? Você criou uma estratégia? Aceitaste a ideia específica? Havia um estilo estético de design específico que você desenvolveu ou criou? Número 2 é a solução que você criou para o problema. Número 3 é o problema para identificar o problema ou desafio do negócio do cliente. Era para gerar leads? Foi porque faltavam inscrições para o e-book ou para o evento que eles criaram? Eles não estão recebendo conversões em sua página de aprendizado? Qual era o problema e como você cobriu essa solução em geral? Número 4 é o benefício. Qual foi o efeito positivo que teve na marca? Sua solução de design teve um efeito positivo? Qual foi o benefício ou o efeito positivo? Ele aumentou uma certa porcentagem ou teve um melhor reconhecimento da marca? Ele deu usos mais clareza sobre os processos e coisas que sua empresa faz? Estes são alguns exemplos do benefício. Número 5 é resultado. Qual foi o resultado tangível? Foram mais downloads, foram os assinantes, foi um aumento de receita? Resultado é semelhante a um benefício, mas o resultado é mais como tática baseada e mais como sobre os números e quantificável quando se trata de algo como objetivo. Número 6 é o testemunho. Qual foi a experiência do cliente ao trabalhar com você? Sempre que você tentar obter um testemunho, tentar e perguntar por sua experiência, como eles gostaram do processo de trabalhar com você? O projeto alcançou o objetivo e os resultados? Tente também obter um sólido que não seja subjetivo ou objetivo para o projeto. Aqui estão os principais pontos de estrutura quando você está criando um estudo de caso. número 1 é que você deseja escrever seus pontos principais primeiro antes de entrar em um design ou layout. Porque você quer ficar claro sobre os objetivos, vai ajudá-lo a entender e explicar suas idéias de forma muito clara. A segunda coisa é que torna as coisas simples quando você pensa em projeto em etapas. Então descrição introdução, você tem a estratégia, o design conceito principal. Você passa por outros ativos de design ou entregas que você criou, então você vai até o final do depoimento, e a coisa final. Escreva seus pontos principais primeiro antes de entrar no design. Você pode usar Notion, você pode usar um aplicativo de tomada de notas, o que quer que você use para realmente anotar os pontos-chave rapidamente. O número 2 é que você quer ser breve. As pessoas digitalizam páginas, as pessoas não lêem tanto por causa da tecnologia, das mídias sociais, então escreva curto, 3-4 parágrafos de frases para cada seção. Mantenha-o curto e rápido. Escrever legendas para imagens e manchetes em negrito e parágrafos curtos normalmente fazem o truque muito bem. Número 3 é saber o seu papel no projeto e dar crédito a outros membros da equipe se houvesse algum no projeto. Por exemplo, talvez você trabalhou com uma agência e você era o designer de logotipo, e talvez você trabalhou com um fotógrafo e talvez um ilustrador. Você precisa ter certeza de que você delineia claramente qual era o seu papel. Que eu era apenas design de logotipo e você não fez o projeto todo, então você pode listá-lo em uma lista. Eu acho que ser específico e dar crédito a todos os outros membros que estavam nesse projeto. Você quer ter certeza de que você sempre entende o que você fez especificamente, que papel você desempenhou, e ser honesto e verdadeiro. Não tente mentir e fazer parecer que fez tudo quando não é verdade. Número 4 está certo em sua voz interna, seja você mesmo, adicione sua personalidade. Não tenha medo de ser quem você é. Obviamente, seja profissional e mostre sua personalidade, mas tente evitar o jargão do designer e imagine o cliente lê-lo. Mantenha as coisas simples em termos simples, mas fale em voz positiva ativa para que quando o cliente lê ou alguém o lê, então faz sentido e fica claro. Número 5 é, mostrar um processo e fornecer contexto sobre o projeto de design. Você pode realmente mostrar fotos de progresso. Não precisa ser esboços nitty-gritty ou mesmo UI, UX esboços se você estiver em coisas de interface do usuário. Algumas pessoas mostram mapas de palavras e todas essas coisas. Você pode mostrar suas coisas, mas tente torná-lo um pouco mais alta fidelidade. Então adicione um bom copo pequeno se você vai mostrá-lo assim, ele só adiciona um pouco mais possuir a ele. Não mostre apenas imagens de texto compartilhado quebrando a solução de conceito. Certifique-se de que você está legendando as imagens e descrevendo o que elas são. Isso só vai ajudar no geral quando você está fornecendo contextos, sendo objetivo. Mostre todo o processo, desde a estratégia de pensamento até a solução de design real. Número 6 é criar cada estudo de caso exclusivamente para se adequar ao projeto e alterar o layout. Você pode ter um modelo. Eu normalmente uso o mesmo modelo onde é apenas uma imagem de cabeçalho agradável e, em seguida, começa com a descrição e o papel e o objetivo e todas as coisas e, em seguida, ele só tem imagem quebrando rolagem para baixo. É fácil se alguém estiver em um telefone, eles podem simplesmente passar as páginas. Mas eu tento fazer cada projeto um pouco diferente usando diferentes modelos. Adicionar estagiários sempre usam as mesmas maquetes, mas eu tento torná-lo um pouco único dessa maneira. Às vezes, isso pode mudar o layout como adicionar um pouco de texto, adicionar um pouco de sabor e coisas assim. Agora o Número 7 é compartilhar depoimentos de clientes no início ou no final. Porque as pessoas escaneiam, elas podem não ir até o fim, então talvez seja bom colocá-lo no topo, mas normalmente no final ou no meio como o pentagrama faz, você pode colocar pouco testemunho do cliente lá. Ele só acrescenta um pouco de genuinesss a ele. Também mostra que foi um projeto legítimo. Se não foi um projeto de cliente, foi um projeto paralelo, não tente mentir e adicionar depoimentos falsos, as pessoas vão farejá-lo. Mas o que você pode fazer é pedir a um designer, amigo ou diretor mais velho para olhar para o projeto que você criou e dizer, você pode dar um pouco de testemunho ou feedback sobre ele ou apenas algo que pode puxar para adicionar lá em uma linha como um mini testemunho. Você sempre pode pedir isso, apenas seja genuíno com ele. Agora, sempre verifique se você tem os elementos certos em seu estudo de caso. É sempre importante manter nossos textos e nossas imagens muito simples, limpos. Em seguida, destaque o design. O design é o ponto-chave, a estrela chave do estudo de caso. Você quer mostrá-lo em um bom fluxo e um bom estilo. Basta lembrar, certifique-se de que todos os elementos estão lá, tudo o que falamos a partir da estrutura, mostrando as descrições , o propósito, o processo, e isso realmente vai torná-lo muito mais completo e melhor. 7. Criando mockups espetaculares: Vamos falar sobre onde você pode encontrar algumas belas maquetes, algumas são gratuitas, algumas são pagas, mas eu vou lhe dar minhas recomendações de onde você pode obtê-las. Os lados superiores são Imagens Amarelas, eles têm um monte de modelos 3D de alta fidelidade com grande alcance, o único problema é que é um pouco mais caro do que outros lados. Você tem LS. Gráficos, eles têm vendas às vezes e eles têm realmente bons pacotes também. Realmente útil. Envato Elements é o que eu uso atualmente, eu tenho uma assinatura para eles. Eles têm maquetes que eu usei. Há um bom cara ou perfil chamado Kavoon, como você pode ver na captura de tela à direita e eles têm um monte de realmente bons e de alta qualidade. Carros, mochilas, TVs, tecnologia, iPhone 12s, etc Eles são realmente bons. Design Cuts geralmente tem pacotes também. Eles têm um a cada mês, não um baseado em mockup, mas quando eles liberam um maquete, eu costumo investir nisso. Tenho mais de 400 shows de maquetes no meu disco rígido. Comprei muito no passado, muito bom. O Sr. Mockup é outro bom. Mockup World e Graphic Burger geralmente têm um monte de mockups grátis. Se você é alguém que está cansado de dinheiro, definitivamente confira. Galões e maquetes grátis. Às vezes você pode realmente ir no Behance e digitar Free Mockup e você pode encontrar alguns links nele e ele vai levá-lo para algum site e você pode baixar coisas. Essa é outra dica rápida. Mockup Cloud é bom e também Pixeden, um pouco de um mais velho, mas eles têm bons específicos que é realmente muito bom. Aqui estão três programas ou softwares que eu recomendo usar para criar e manipular maquetes. O número 1 é Prancheta. estúdio. Eles também vendem pacotes de maquete mas eles criaram este estúdio de Artboard onde você pode realmente usá-lo no navegador. É basicamente como o photoshop, mas você pode usá-lo dentro do seu navegador, é realmente acessível, é muito bom de usar e eles dão julgamento eu acho, o que é muito legal. Eu pessoalmente uso o Adobe Photoshop, que eu vou mostrar em um minuto como eu crio minhas maquetes, mas Photoshop é excelente, é uma boa ferramenta, obviamente, você pode comprá-lo sozinho ou você pode obtê-lo na Creative Cloud. Em seguida, a opção alternativa, que é muito mais barata, é em torno de US $50-70, nenhuma taxa de assinatura é Affinity Photo. Basicamente semelhante ao Photoshop, realmente grandes recursos e você pode usar isso para criar maquetes e criar suas imagens e eu acho que é uma ótima alternativa para Photoshop. O que você quer fazer quando você está pensando em fazer maquetes, aqui estão algumas dicas que eu recomendo. Você sempre quer pensar na marca, nas cores, na tipografia, nos padrões, na linguagem visual. Não coloque o logotipo em tudo. Tente juntar a marca. Você tem padrões? Você tem mensagens? Você tem ícones que você pode usar? Você tem imagens de fundo que você pode implementar? Todos os ativos que você tem, tente torná-lo relevante e mantê-lo coeso e certifique-se de que tudo está conectado de alguma forma ou moda. Pense no layout e como você pode mostrar a marca. Pense em como você pode mostrar certos aspectos. Talvez seja um cartão de visita que tem uma boa gravação em relevo com um material grosso. Tente encontrar uma maquete como essa. Se é um banner ou uma TV legal, coisa do YouTube, tente encontrar uma boa maquete de computador, o que seja. Tente pensar no layout, pense no fundo. Você pode adicionar cores ousadas? Você pode adicionar um padrão? Você pode adicionar uma sobreposição ou um ícone? Tente pensar no layout e na composição. Você pode adicionar coisas para melhorar ou melhorar na própria maquete? Todos esses pequenos detalhes contam. Pense em personalizar o fundo e adicionando textura, eu amo olhar para texturas grunge. Você pode usar coisas como cimento, tijolos, texturas de parede, há um monte de coisas que você pode usar no mundo real. Pense no mundo real e na natureza, e como você pode incorporar algumas dessas texturas nos fundos para torná-lo mais animado, para torná-lo realista. No mundo real, quando você coloca um pôster na parede, ele geralmente fica enrugado e fica preso no cimento ou algo assim. Pense em como você pode torná-lo realista. Em seguida, tente também imitar efeitos de impressão reais. Como eu disse antes, se você está tendo um relevo ou ponto UV ou um efeito de selo de folha ou folha de ouro, o que quer que seja, um efeito tipográfico, tente encontrar uma maquete que esteja mostrando esse efeito, então quando você colocar o design sobre ele, que representa o design do mundo real que você criou. Essas são minhas dicas quando você está criando essas maquetes. Agora, vamos fazer um pouco de uma experiência de perguntas. Eu quero um você o que parece melhor? Nós temos quatro logotipos que eu fiz para clientes anteriores aqui, nos últimos anos e você pode ver que eu estou apenas mostrando o logotipo com a cor de fundo. Ainda parece decente e divertido e mostra o logotipo, o que é ótimo, mas não está tendo esse impacto visual. Vou mostrar-lhe no próximo slide como poderia parecer. Aqui as imagens de capa que eu mudei em vez de apenas mostrar os logotipos como fizemos neste aqui, nós temos modelos completos sobre a mesma marca. Você pode ver o uísque eu estou mostrando o tema em um litoral e, em seguida, colocar alguns elementos de marca em torno dele. Você tem cabelo Bagheri, estou mostrando um papel timbrado e o padrão, vendo como isso pode ser usado talvez em um cartão de agradecimento ou algo assim. Então nós temos os outros dois na parte inferior, você pode ver uma maquete de cartão de visita e, obviamente, como um design de pôster/maquete de embalagem que realmente ele apenas captura a marca eo que é tudo sobre. Eu coloquei quatro benefícios, é alto impacto visual, parece profissional, é mais interessante olhar para a composição, e também é ousado e se destaca. Eu sempre digo que o poder das maquetes é tão benéfico, é tão poderoso. Vamos entrar no Photoshop e começar a brincar e mostrarei como criei uma maquete para um desses clientes que fiz. Vou mostrar-lhe algumas maquetes de um projeto que fiz para um negócio local, um dos meus amigos da igreja, era uma startup muito pequena, apenas uma ou duas pessoas e eles fazem uma empresa de recrutamento para serviços de tipo de deficiência e empresa. Você pode ver aqui nós temos um belo cartão de visita maquete, aqui estava outra versão que eu fiz, um par de conceitos diferentes e, em seguida, também como eu criei. Isso quase muito simples, apenas mostrando o interior do folheto de serviços. Criar este livreto que pode ser usado para digital e impressão, e foi isso que eu projetei, é realmente apenas para mostrar o que é o negócio deles. É como uma lista de serviços de capacidade. Então aqui foi um par de mais detalhado mostrando a capa, o interior, adicionando alguns pequenos elementos como pequeno telefone e fones de ouvido apenas para torná-lo mais premium e se sentir mais casual. Eu criei essas maquetes todas no Photoshop, então se eu entrar no Photoshop agora, você pode ver que isso é o que eu tenho. Normalmente, o que tende a acontecer é que você pode comprar uma maquete e você pode ver se eu vou ao Adobe Bridge, então, por exemplo, eu vou para o editorial Mockup Cloud. Porque eu tenho um monte de maquetes, eu normalmente uso bridge, e você pode ver todos esses modelos diferentes que eu tenho. Alguns deles têm pré-cenas e, tipicamente, eu usaria uma dessas cenas e, em seguida, começar a aplicá-la. Mas eu normalmente gosto de personalizá-lo também. Como você pode ver aqui algumas maquetes aqui. Se eu voltar, há a marca também. Esta é muito boa. Estes vêm antes das cenas pré-fabricadas aqui. Mas então nós também podemos construir o meu próprio. Como você pode ver, se eu pressionar barra de espaço, você pode ver alguns desses. Eu posso usar elementos separados e criar o meu próprio, se eu quiser. Você pode ver que eu cliquei duas vezes. Normalmente, para assim, o que vou fazer é localizar o que eu quero. Por exemplo, talvez este papel enrolado e então eu arrasto e solto na minha cena assim. Você pode ver agora que eu posso editar isso. Só quero ter certeza de que pressiono “Control T” na pasta. Do lado direito, você pode ver minhas camadas. Ele criou uma pasta aqui como você pode ver. Eu quero ter certeza de que eu estou movendo a pasta e não apenas a sombra por si só, porque você pode ver que está tudo separado. Vou desligar essa. Mas basicamente, eu crio essa pequena cena usando alguns dos editoriais ou coisas assim. Você pode ver que o telefone e os outros pequenos elementos, eu realmente não projetei nada extra lá, mas eu vou para a página aberta. Você pode nesta página, eu vou abrir a pasta. Veja, temos dois objetos inteligentes. Quando você vir este pequeno ícone com um pouco de papel, isso significa que o objeto inteligente, você pode clicar duas vezes nele. Agora, ele vai levá-lo para esta outra página, que é um PSB. Deixe-me fechar isto. Está ligado a esta maquete aqui, e basicamente liga esta página aqui. Esta é a área em que vou trabalhar. Agora, tudo que eu tenho que fazer é apenas ir para onde eu tinha meu projeto. Vou localizar um dos decks que criei. Deixe-me arrastar um destes. É só um JPEG, pode ser um PSD ou algo assim. Obviamente, não é o tamanho certo, então às vezes você tem que personalizá-lo. Mas só por causa deste vídeo, você pode ver que eu vou apenas colá-lo e eu vou escalá-lo. Você pode ver como eu posso escalar as coisas para cima e para baixo. Talvez eu mande para lá. Vou ter uma cor sólida. Você clica no pequeno botão na parte inferior e clica em “Cor sólida”. Então o que eu vou fazer é clicar duas vezes, e eu vou colocar o mouse sobre o azul, selecionar o plano de fundo e, em seguida, pressionar “Control S” para salvá-lo. Agora, uma vez que eu faço isso, ele salva-o. Agora, se eu voltar para o outro arquivo lá em cima, vai salvar isso. Agora, para editar o outro lado, eu vou apenas ir e clicar duas vezes sobre o outro direito substituído na página como você pode ver. Cada maquete tem algo diferente. Vamos fazer isso e pressionar “Enter”. Se você quiser criar um design que se encaixe no modelo exato, normalmente o que eu faço é pressionar “Alt Control C.” Vai me mostrar o tamanho da tela. O que farei então é criar uma tela no Illustrator ou onde quer que eu tenha projetado os gráficos, do mesmo tamanho que este. Então eu vou me certificar de que tudo se encaixa bem, então quando eu criar a maquete, as coisas não vão ser cortadas como está agora. Agora, se eu voltar, você pode ver que, que salvou. Dentro de cinco minutos, eu já estou criando alguns elementos realmente simples. Já projetei esses elementos de antemão porque estou projetando no Illustrator e no InDesign. Todos os arquivos já estão lá, eu só os salvei como JPEGs e os soltei assim. Vou ao outro, poder desligar e ligar. Vou clicar duas vezes nisso. Vamos ver. Vou carregar a imagem da capa lá. Como você pode ver, obviamente a maquete, não é adequado como deveria, mas tudo bem. Vou pressionar “Enter” pressione “Salvar, Controle S” para atalho. Então agora você pode ver como isso está encaixando naquela maquete. Lindo. Também vá para o telefone. Vou ao telefone, abrir isso e clicar duas vezes sobre isso. Agora talvez eu queira ir ao meu arquivo de entrega. Posso ir ao logótipo. Assim e, em seguida, apenas centralizá-lo, para que você possa ver que eu estou apenas segurando o turno. Mantenha a tecla Shift e selecione suas camadas, pressione “Control T” e ele lhe dá a ferramenta de transformação. Eu posso mover as coisas ao redor, eu posso escalá-lo, etc Eu só vou usar meus globos oculares e centrá-lo. Vou fechar este, pressionar “Controle S.” e depois boom, você tem isso. Você pode ver que está se misturando com o fundo. Agora, esta é uma maquete legal, eu posso usar isso como uma imagem colorida. Eu poderia ter que cortá-lo e eu reduzi-lo para 1920 por 1080, provavelmente seria um bom tamanho. Vamos ver. A tela e então eu teria que reduzir tudo. Eu teria que selecionar tudo e, em seguida, dimensionar tudo para baixo para caber nesse tamanho assim. É melhor para on-line a partir de um site, ele vai carregar muito mais rápido. Você também pode conferir PNG minúsculo, bem como para comprimir imagens. Talvez eu queira adicionar um pouco de textura. Digamos, por exemplo, que vou para Meus Recursos. Vou às texturas. Talvez você gostaria de uma textura de tijolos de parede. Temos algumas dessas texturas de parede. Deixe-me ver o que temos aqui. E se você quiser adicionar talvez uma textura de mármore ou algo assim, fazer com que se sinta premium. Vou escalá-lo assim, trazê-lo para trás. Então eu vou mudar o modo de mesclagem agora para que eu possa ir multiplicar. Eu posso ir talvez sobrepor também funciona. Você só quer rolar para baixo até os modos de flexão e ver o que funciona. Normalmente, multiplicar é bom e então eu deixo cair para talvez 30 por cento. Posso reduzir um pouco. Agora, temos esta textura de mármore. Parece premium, é tudo como uma parede de mármore ou algo assim. É assim que se adiciona um pouco de textura. Então o que eu vou fazer, eu basicamente vou para o arquivo. Você pode ir Exportar, geralmente eu vou exportar como um PNG rápido, ou Salvar para Web e você deseja salvá-lo como um JPEG de alta resolução. Normalmente, 90 qualidade é bom, eu estou sempre mantendo o tamanho baixo. Você pode ver 800 kilobytes, o que é bom. Você pode soltar isso para torná-lo menor. Mas no geral, eu diria isso e então basicamente eu terminei e eu posso decidir usar isso. Vou salvar em dizer que a pasta Downloads. Então você pode ver essa maquete. É basicamente assim que criarei uma maquete para uma marca na qual trabalhei antes para atualizá-la para o meu estudo de caso no site do portfólio. 8. Como criar imagens atraentes: Vamos mergulhar na criação de imagens de capa atraentes. Quando penso em atratividade, penso em três coisas importantes e quero falar sobre essas coisas neste vídeo. As três coisas principais são: coesão, fator wow e qualidade acima da quantidade. Vamos falar um pouco sobre eles. Coesividade é deixar seu estilo brilhar à primeira vista. Quando alguém chega na sua página, no seu site, geralmente pode dizer dentro de 10 a 20 segundos da sua vibração, da sua personalidade, do estilo que você cria, se você é um designer de logotipo, um designer de marca, ou talvez você esteja em um nicho específico para como restaurantes ou eSports. Eles devem ser capazes de dizer isso de forma muito simples. As imagens devem ser muito semelhantes em termos das maquetes e da forma como elas se sentem. A grade e as imagens coloridas devem ser semelhantes e consistentes. Se você estiver indo para um visual vibrante, certifique-se de que, se você mostrar logotipos e é, por exemplo, uma cor plana e apenas um logotipo na parte superior, certifique-se de tentar manter essa consistência. Se você estiver usando uma maquete específica, como embalagem, tente manter uma maquete de embalagem para cada estudo de caso diferente que você tem em seu portfólio. Você só quer ter certeza de que você dá essa sensação de que você é um especialista quando eles vêem no início. Então, se eles quiserem mergulhar mais fundo, eles podem clicar na página para aprofundar cada estudo de caso. A segunda chave é o fator wow. Você tem aquele X Factor? É uau, se sente como um milhão de dólares, se sente premium, se sente bem, sente que eles podem confiar em você com a marca deles? Tem que parecer premium. Eu sempre digo às pessoas, quando estou olhando para portfólios, eu penso, se parece com $5.000, $10.000. Se esses são os preços do projeto que você quer e os clientes que pagam mais alto, então seu trabalho deve refletir isso, sabe o que quero dizer? Não importa se é um projeto falso ou um projeto paralelo ou um cliente real, ele só precisa falar por si mesmo. O trabalho deve ser bom, alta qualidade até o ponto em que ele vai fazer com que as pessoas queiram enviar e-mail para você, falar com você, entrar em contato e ver seus preços ou qualquer outra coisa. Você quer ter certeza que os visuais parecem incríveis, que eles são estéticos, que eles são apenas poderosos, que eles são imaculados e detalhados. Quando eles olham para ele, é tão visualmente atraente e simplesmente wow. Quando olho para o portfólio, às vezes tenho a sensação de que sou tipo, cara, isso é tão incrível. Quando eu olho para essas grandes agências como Pentagrama e nós somos Collins é muito, muito legal. Adicione o máximo de detalhes que puder, porque lembre-se, sempre há um potencial para ter um cliente olhando para o seu portfólio, certifique-se de que ele tenha a melhor aparência possível. Por último, a qualidade sobre a quantidade. É melhor mostrar três peças de perfil sólido do que 15 péssimas. Mostre seu melhor trabalho, mostre seus três melhores estudos de caso. Em vez de termos um monte de imagens de portfólio de apenas pequenos logotipos ou pequenos folhetos ou qualquer outra coisa, tente criar três em profundidade que entram em detalhes e têm montes de maquetes e têm uma campanha e muitos ativos de marca. É muito melhor porque mostra que você tem mais profundidade em sua habilidade e habilidade. Você quer construir cada projeto ao ponto em que ele é sólido e denso o suficiente. Você sempre pode voltar depois que um projeto cliente termina para adicionar maquetes extras e construí-lo mais para torná-lo ainda melhor do que o que era originalmente. Eu sei que alguém fez a pergunta, um dos alunos da escola fez isso, eu sempre volto depois que eu terminar um projeto, entrego para um cliente. O que eu gostaria de fazer é apenas voltar e obter algumas maquetes frescas e realmente tentar melhorá-lo e fazê-lo parecer melhor, adicionar mais algumas maquetes para o estudo de caso e, em seguida, atualizá-lo no meu site ou atualizá-lo no meu Behance, etc. Porque eu só sei que o próximo cliente que aparecer, você quer ter certeza de que o projeto parece tão grande quanto pode ser e não está sendo falso, é só que você quer colocar esforço, você quer olhar melhor e parecer maior e Sempre melhore a si mesmo. Essa é a mentalidade que você quer ter. É muito fixe. Você sempre pode voltar e atualizar seus projetos, adicionar mais algumas maquetes, tudo bem. Vou mostrar-lhe um monte de designers e estudiosos que me inspiram, que eu sinto que eles têm realmente grandes imagens de capa, folares atraentes e estudos de caso. Vamos começar com Rob Clarke. Ele é um logotipo escrito à mão. Ele não mostra estudos de caso. Ele é mais um assistente especialista em design de logótipos. Ele só mostra seus grandes logotipos para essas grandes marcas. Seu nicho específico é um estilo com letras à mão ou logotipo baseado em tipografia zomba, tipo zomba basicamente. Você pode ver aqui esta é a página inicial dele. Você pode checá-lo no site. É outro lado 10 lá. Mas os logótipos dele, todos em preto e branco, consistentes. Eles ficam lindos e os logotipos apenas brilham por aqui em seu site, eu acho que é muito legal. O próximo é Jordan Wilson. Ele é um cara de embalagem de identidade de marca. Ele também faz fotografia e faz um monte de outras coisas, mas ele realmente se concentra em mais do tipo cervejaria de empresas, digamos indústria de alimentos e bebidas. Você pode ver algumas de suas maquetes aqui muitas vezes você pode ver que ele está mostrando uma lata ou uma garrafa. Se você for ao site dele, você pode conferir. Mas eu realmente amei esse estilo. É consistente, parece premium, é muito bom. Outro exemplo é da identidade de marca de design socio que eles são do Reino Unido. Eu amo essa sensação mínima, ele só se sente realmente premium. Você pode ver todas as imagens principais que ele, obviamente eles têm mais projetos, mas parece que eles estão usando um monte de estacionário para suas maquetes principais. Você pode ver que eles estão mostrando técnicas de impressão. Eles estão mostrando estampagem ou as folhas de ouro. Eles estão mostrando os cartões de visita, tanto faz. É consistente assim que você pular no site, se sente mínimo, se sente premium, se sente high-end. Acho que gosto disso no site deles e nos estudos de caso. Um dos meus amigos, Rocky Roark, azul azul Cyclops Design Co. Ele está focado principalmente na ilustração e na identidade da marca. Você pode ver suas imagens, ele usa um monte de desenhos ousados, cores ousadas, especialmente em seus logotipos ele faz um monte de pequenos crachás e realmente ótimo com tipografia e ilustração. Adoro como ele quebra os estudos de casos. Eu realmente recomendo que você veja a Daisy Saltando. Ele realmente quebra seu processo. Ele mostra esboços e coisas assim. Adoro como ele expõe os estudos de caso, é super incrível. Gif Studios é outro, eles são de Portugal. Você pode ver aqui alguns dos produtos que eles fizeram. Muitas vezes eles trabalham com pessoas que são especialistas como criadores de conteúdo, autores e palestrantes. Você pode ver aqui o Bob Heilig e Million Dollar Coach, desenhos de logotipo muito semelhantes. Você pode ver algumas outras marcas diferentes em que eles trabalham. Mas eu sinto que a imagem aqui parece boa, parece bonita. Adicionando a fotografia lá, adicionando fotos de produtos. Sua vibração parece muito premium, bem, é muito bom. Pentagrama como mostramos em um vídeo anterior, eles realmente impressionante identidade de marca. Sólido, simples, limpo, muito espaço em branco. Eles só estão destacando o trabalho. Você pode ver que às vezes eles usam um monte de maquetes, às vezes eles apenas mostram a simulação. Você pode ver esses dois logotipos aqui em baixo está mostrando os logotipos e, em seguida os outros estão mostrando maquetes ou mostrando uma foto. Porque o Pentagrama é um monte de designers diferentes em todo o mundo, ele vai ter uma imagem ou capa diferente, mas você pode ver que é muito profissional e eu gosto de como eles adicionam o texto. Eles têm o número do projeto ou o que seja, super legal. Carpenter Collective, eles se concentram na identidade da marca. Agora, ele se concentra em, mais uma vez, em embalagens de alimentos e bebidas. Você pode ver muitos restaurantes. Como você pode ver, um pouco de macarrão aqui, um pouco de loja de frango. Isto é para uma cervejaria. Isto é para uma empresa de tortilhas. Muita ilustração, muitos logotipos legais. Eles fazem um ótimo trabalho, esmagando trabalho. Eu adoro a forma como eles apresentam e eles estão realmente mostrando um monte de embalagens aqui. Estas são todas embalagens e, em seguida, alguns adesivos de vinil. Mas uma vez que você entra no projeto eles te mostram algumas coisas legais. A seguir é a designer de identidade da marca Jessica Strelioff. Eu realmente amei o projeto dela. Eu pensei que isso foi muito legal. Mas ela tem uma sensação divertida e caprichosa em um projeto, mas também apenas brincadeira, especialmente com os logotipos. Você começa o ícone aqui, algum texto divertido, esta imagem é cores negrito. Este também tem cores ousadas. Então estes aqui são mais mínimos que deveria. Mas gosto de como ela se apresenta, parece limpo. Em seguida, veja como ela apresenta o texto abaixo, ele lhe diz o papel e também o título. Esse é um bom exemplo. Por último, Steve Wolf Design, stevewolf.co, branding e designers. Eu amo a maneira que ele apresenta realmente limpo, mínimo, agradável combinação logos e zombarias. Em seguida, algumas das maquetes, como você pode ver aqui, eles mostram cartazes, algumas maquetes realmente agradáveis, até mesmo embalagens aqui. Parece consistente como todos os projetos apenas se sentir realmente plana e agradável. Acho que este é outro bom exemplo. Estes são alguns exemplos de um estúdio realmente grande, alguns designers que eu sigo. Eu acho que eles fazem um ótimo trabalho na criação de imagens de capa incríveis, modelos incríveis, e apresentá-lo bem em seu site. Você pode conferir outros sites, se quiser, e obter alguma inspiração. 9. Briefings criativos: Quero falar sobre o resumo criativo. É assim que eu abordo, mas lembre-se, você pode mudar as coisas, você pode adicionar coisas, você pode torná-lo adaptado ao seu processo. Não tome minha coisa como a única maneira de fazer isso, mas eu vou apenas ajudá-lo a criar um resumo, seja para um cliente ou para você mesmo. Se você quiser fazer um resumo simples de uma página, normalmente é assim que eu faço. Tenho um exemplo no lado direito. Quando estou escrevendo um resumo para mim ou para meus alunos na Mirror Academy, é assim que eu escrevo. Mantenho-o breve e directo ao ponto com um objectivo claro. Eu falo sobre o público, o principal objetivo da marca, também adicionar o nome da marca e, em seguida, os parâmetros criativos ou considerações. Estes são realmente ótimos para projetos paralelos ou cuecas de desafio falsas. Você também quer mencionar elementos da marca ou da personalidade; portanto, os atributos da marca, o fator USP ou X, ou a proposta de valor, também os resultados que você criará para o projeto. Então talvez um pouco da linha do tempo e, em seguida, na parte inferior, eu adiciono um marco ou especificações de entrega. Geralmente marcos, eu tiro isso. Se é apenas para um projeto falso para mim e eu gostaria de inspiração, adicionar imagens, mas no geral, você quer mantê-lo simples e resumir as partes. Eu adoro o conceito de um resumo de uma página. Só torna as coisas fáceis e simplificadas. Quero mostrar-lhe alguns sites de design breves. Se você é um designer que luta para escrever seus próprios resumos, o que você pode realmente fazer é ir para esses quatro lados. O número 1 é briefbox.me. O segundo é Fakeclients.com, briefz.biz e sharpen.design. Agora, cada um deles tem resumos gratuitos, mas eles também têm uma opção de preço. Eu acho que briefz.biz e sharpen.design são completamente gratuitos, mas os dois primeiros têm uma opção de preço se você quiser mais resumos de design. Estes são os meus principais sites para obter esses resumos, então comece a praticar suas habilidades de projetar e construir seu portfólio. Agora, quais são as principais coisas que podemos adicionar para tornar o resumo mais detalhado e mais adaptado? A primeira coisa que você precisa adicionar é a data, o nome do projeto, a pessoa do contato e o e-mail do cliente. Isso é muito simples, isso está sempre lá. Então você tem o nome da marca. Sempre pense em existe um conceito por trás do nome? O que isso significa? Se você está fazendo nomeação para a marca bem, então você tem que organizar tudo isso, mas na maioria das vezes o cliente vai lhe dar um nome. Qual é o problema principal do negócio? Qual é o problema que você está enfrentando e você está tentando resolver e tentando resolver? Você também quer falar sobre os valores da marca, a missão e a visão, para onde eles se vêem em 5-10 anos, qual é seu objetivo final e quais são os vales onde eles representam? Então você quer abordar o “quais são os serviços e produtos empresariais”? Liste-os porque isso vai ajudá-lo a definir o processo, especialmente se você estiver projetando uma identidade de marca em um site, você precisa ter certeza de que você sabe o que eles realmente oferecem como um negócio. Você também precisa conhecer a USP, a proposta de venda única ou ponto e qual é a diferença em relação aos concorrentes; Por que eles são tão diferentes. O que eles estão oferecendo que é melhor do que o que está no mercado? Em seguida, posicionamento no mercado. Como é que eles querem ficar? Premium, barato, boutique orgânica. Onde eles querem se sentar no mercado? Querem sentar-se no meio ou no fim? Você tem que falar sobre essas coisas. Em seguida, é a personalidade da marca adequada. Queremos desenvolver algumas palavras-chave. Há uma lista que você pode adicionar para ter do lado de apenas palavras diferentes para despertar imagens na mente. Pense na personalidade em relação a como a marca se sente. Então o tom de voz é como a marca fala, como a marca age. É engraçado, formal, respeitoso, profissional? É coopera, brincalhão? tom de voz é importante. Quem são os concorrentes? Liste alguns dos principais concorrentes que eles têm. Você não precisa fazer uma lista de 50, mas cinco é bom para fazer o trabalho. Também falar sobre os usuários alvo e as ações que eles querem tomar; assim demografia, psicografia. O que queremos que os consumidores pensem, sintam e façam? Qual é a ação que queremos que o cliente tome quando interage com a marca ou o site? Em seguida, o que você quer falar é um projeto metas. O que você quer alcançar nesta identidade ou nesta campanha? Qual é o objetivo deste projeto específico? Estamos tentando gerar mais leads para o site, estamos tentando aumentar as vendas em 50%? Estamos apenas tentando conscientizar a marca para esta campanha que estamos desenvolvendo ou estamos tentando educar ou entreter? Estes são alguns exemplos de um objetivo de projeto. Agora, por último, você pode falar sobre a história da marca. A marca tem prêmios, honras, eventos ou elogios passados? Essas coisas são muito boas. Referências visuais também são ótimas. Se eles podem listar três ou cinco marcas que amam, identidades de marca ou sites de banda, o que exatamente eles gostam sobre eles. Isso pode ajudá-lo na fase de design quando você está criando a marca ou até mesmo a fase do moodboard. Em seguida, desenhe a estética. Eles também podem ser personalidade. Escolha algumas palavras-chave e adjetivos em coisas modernas, lúdicas, rústicas, futuristas, nervosas, assim. Quando você usa um monte de palavras diferentes, você pode começar a obter fotos, mas você pode fazer sua própria lista e vai ajudá-lo. Diretrizes de marca também. Há algum ativo de marca ou jardins que precisamos usar? Talvez você esteja trabalhando com uma agência ou uma marca que já tenha um logotipo em cores. Talvez você precise obter as diretrizes para projetar de acordo com isso. Em seguida, é a criação de parâmetros ou requisitos. Estas são coisas que são imperdíveis. Talvez seja uma cor de marca ou herança, por exemplo. Talvez seja McDonald's ou algo assim e você tem que usar o amarelo para os arcos do M. Isso é uma coisa. Então, por último, entregável. O que você está fornecendo para o cliente? É uma estratégia? São três conceitos de um logotipo? É um projeto de panfleto? Um folheto? Alguns cartões de visita? Liste os materiais de entrega que você precisa. Quando você incorpora todas essas coisas você terá um resumo detalhado que você pode usar para compartilhar com sua equipe ou compartilhar com você mesmo para um projeto de cliente real ou até mesmo um projeto paralelo para você. Ele vai lhe dar o máximo de informações que você precisa para lidar com o projeto. 10. Vamos fazer um estudo de caso no Behance: Vou criar um estudo de caso em Behance. Eu vou usar um projeto pessoal que eu estava usando para um vídeo do YouTube que eu fiz algumas semanas atrás. É uma identidade de marca para uma marca de roupas. Quero usar isso para criar um projeto no Behance. Primeiro, antes de fazermos isso, quero compartilhar com vocês todas as especificações de tamanho que você precisa ao criar um portfólio com o Behance. Behance é ótimo. É gratuito, é fácil de usar e fazer upload de suas imagens. Para o tamanho do portfólio, você tem uma largura de 1.400 pixels e, basicamente, a altura é infinita. Você pode continuar indo para baixo, para que seja fácil rolar e eu mostrarei como criar isso no Illustrator. Embora o tamanho da miniatura do projeto seja um pouco menor, é 808 pixels por 632 e essa é a miniatura que você vê na sua página de perfil quando alguém rola na página principal ou quando clica nela em seu projeto, que é a pequena imagem lá. Então eu só quero mencionar algumas coisas de tipo de arquivo; então JPEGs de alta resolução é o caminho a seguir ou PNGs transparentes funcionam melhor. Isso é para a melhor qualidade ao fazer upload para o Behance. Em seguida, os GIFs para conteúdo não funcionam para capas. Você pode usá-lo para conteúdo e pequenas animações e outras coisas, mas para suas imagens de capa, ele não funciona. Certifique-se de que a imagem da capa é uma boa maquete. Então, por último, para comprimir as imagens, se for um pouco lento ou um pouco grosso, então você quer compactá-las para um tamanho de arquivo menor, então tinypng.com é o caminho a seguir e isso é o melhor na minha opinião. Vamos entrar no Illustrator e eu vou te mostrar como usar o Behance. Estou no Illustrator e este é o arquivo que eu tinha. Eu limpei um pouco, mas você pode ver aqui no meu quadro de arte, e você pode criar isso no Photoshop se você gosta ou qualquer plataforma, Figma, qualquer aplicativo que você usa, mas eu normalmente uso Illustrator e Photoshop. Para isso, normalmente uso o Illustrator para criar minhas imagens. Eu vou pressionar “Shift O”, selecionar a prancheta, e você pode ver o tamanho, este é para a imagem da capa, então 800 por 632 e então este é o projeto, os 1.400 por 4.000 de altura, você pode ver aqui. Com o Behance, você pode fazer upload de imagens separadas ou você pode carregar uma grande imagem longa e eu sinto que isso é melhor para mim, pessoalmente. Se o seu computador estiver com atraso, talvez seja melhor fazer imagens separadas e trabalhar nele separadamente. Primeiro, vamos começar a fazer a imagem da capa. Vou começar a usar apenas os elementos que já tínhamos. Eu já fiz o projeto, mas agora eu estou apenas pegando alguns dos elementos que eu construí. Eu poderia pegar alguns desses, eu estou segurando “Alt” para duplicar. Vou trazê-lo para a frente aqui, que parece bom. Como você pode ver lá. Isto é para uma marca urbana. Tenho todos os detalhes aqui. Isto vai estar no topo aqui, mas eu só estou trabalhando no [inaudível] por enquanto. Eu acho que eu vou pegar isso para o fundo aqui, é um bom elemento de fundo. Vou reduzi-lo. Vou trazer o fundo assim. Eu acho que isso é muito legal. Talvez eu mude isso para cima. Estou mesmo a gostar disso. Eu acho que isso é muito legal. Vamos ver se podemos adicionar mais alguma coisa, talvez como um mighty.com aqui no canto. Simplesmente assim, legal. Agora vamos deixar isso lá, agora, eu vou trabalhar no projeto principal. Mais uma vez, eu gosto de colocar uma imagem de fundo agradável assim como a cor e para isso eu uso preto. Vou pegar a descrição do projeto. Como falamos com o estudo de caso, queremos falar sobre o projeto. Eu vou arrastar todo esse texto e eu vou usar essa largura como meu layout principal. Posso colocar guias se eu quiser, talvez eu queira pressionar “Control R” e depois arrastar um guia. Agora que temos uma diretriz, talvez possamos usar isso. Para texto e outras coisas, tudo bem. Talvez eu possa arrastar outro aqui se eu quiser fazer uma grade. Cabe a você, realmente, o que você quer fazer. Mighty Clothing é um rótulo de vestuário urbano que inspira os jovens, no mundo difícil em que vivemos. O usuário, os atributos da marca ou as palavras-chave. Estou a manter estes muito simples para que vocês possam criar alguma coisa. Posso dizer “papel”. Papel, design de logotipo, você pode apenas dizer merch, design de perfil do Instagram. Eu não fiz a página de destino, acho que vou deixar isso de fora. Isso é alguma coisa lá. Eu posso colocar a data também. Vamos apenas para 2021 e vamos duplicar isso. Obviamente, eu trabalho muito rápido porque estou acostumado com isso, mas se você não está tudo bem. Digamos objetivo; lançar uma nova marca e obter 50 vendas na primeira semana após o lançamento. Só estou inventando isso. É um projeto de site e alguns de vocês são iniciantes, você pode não ter projetos, então espero que isso lhe dê uma idéia de como criar um projeto de site. O que podemos fazer aqui é começar a adicionar alguns elementos de algumas das fotos do Instagram que fizemos aqui, o que eu acho muito legal. Eu fiz, por exemplo, uma maquete, eu posso trazer isso para ele, também para ter certeza de que ele se encaixa bem. Posso tentar misturar, no Photoshop seria mais fácil mascarar coisas e misturar, mas no Illustrator funciona tão bem quanto. Vamos rastrear essas coisas. Podemos usar as cores aqui. Então talvez eu queira mostrá-lo de uma forma interessante, como uma forma ou algo assim. Podemos sobrepor coisas, você pode sobrepor itens e outras coisas. Então o que posso fazer é, porque estou mostrando o RGB. Isso pode levar algum tempo. Estou tentando fazer isso o mais rápido possível e então vamos fazer o upload muito rápido. Só estou usando as fontes, tudo o que escolhemos. Exemplo, esse é o código hexadecimal para isso. Então, para este, copie e cole isso. Então podemos fazer o RGB e outras coisas também. Mas você pode escrever. Não vou fazer isso agora, vai demorar muito. Talvez eu possa usar essa linha assim. Isso é muito dope. Estou usando os motivos. Eu acho que isso é muito legal. Vamos tentar obter mais algumas dessas maquetes. Se eu precisar estender, o que eu posso fazer é pressionar “Shift O” e arrastá-lo. Então continue estendendo-o. Se eu continuar expandindo e tal, então eu posso continuar movendo isso junto. Coloque um pouco da mercadoria lá que eu criei. Coloque o logotipo aqui. Ponha isto. Mantenha-o alinhado com isso. Isso é muito dope. Vamos ver se podemos incorporar algumas dessas imagens. Acho que estamos ficando sem espaço. Traga isso para cima. Remova isso. Põe isso lá em cima. Então vamos tentar trazer alguns desses elementos fotográficos. Capacidade. Isso foi baixo. Faça isso. Gire isso. Faz com que pareça interessante. Adicionando algumas das mensagens legais, framework, e outras coisas. Nós podemos basicamente brincar e fazê-lo realmente se destacar e pop. Veja, se eu tivesse mais maquetes eu poderia adicionar mais. Mas eu sinto, por enquanto, talvez adicione o padrão lá atrás. Faça-o branco. Legal. Talvez possamos adicionar alguma textura. Vou voltar às minhas texturas. Vamos ver. Textura. Concreto. Vamos adicionar uma textura concreta. Arraste isso para dentro O que eu gosto de fazer é, eu geralmente gosto de torná-lo uma cor cinza. Legal. Vou baixar a opacidade, e então vou fazer uma nova camada. Vou arrastá-lo até aquela camada. Porque eu só quero ter certeza de que são os fundos e a camada inferior e, em seguida, esta textura. Eu posso brincar com ele. Talvez eu possa duplicar pressionando “Controle D”. Você pode ver um pouco dessa textura. Talvez eu possa fazer a cor. Veja como isso parece. A cor, talvez eu queira aquela cor verde, seja lá o que for. Isso é muito legal. Talvez deixemos o cinzento. Incrível. Quando eu estiver feliz com isso, o que eu vou fazer é ir Control Shift E, que é meu atalho para exportação para telas. Vou guardá-lo como um PNG. Onde estão as pranchetas? Há este e, em seguida, este o longo. O que eu quero fazer, eu quero exportar isso agora. Você pode ir para o arquivo, você pode ir para exportar e salvar para web ou exportar como. Na verdade, cabe a você. Vou mudar para JPEG. Qualidade de noventa e cinco por cento. Isso é bom. Muito alto. Você pode ver que são três megabytes. o que eu vou fazer, eu vou salvar isso na minha pasta de downloads, e eu vou exportar o outro apenas como um PNG lá. Com sorte, escolhemos o caminho certo. Downloads. Está bem. Agora o que você pode fazer é, você pode ir para o pequeno PNG. Para comprimir essas imagens, eu posso arrastá-las e soltá-las e isso vai comprimir um pouco para baixo. Então você basicamente faz o download. Você pode ver que este é um pouco maior, então leva um pouco mais. Agora, eu quero ir para Behance. Para que possamos criar um projeto, você deseja clicar em “Criar projeto” no canto superior direito. Então agora o que eu vou fazer é, eu vou clicar em “Configurações” e eu vou fazer o upload da imagem. O que vou fazer é carregar a imagem da capa. Vê isso? Obviamente, eu não nomeei meus arquivos corretamente, mas certifique-se de nomear seus arquivos. Esta é a imagem da capa. Você pode ver como vai parecer. Está se encaixando perfeitamente, o que é ótimo. Então o que vou fazer é clicar em “Cortar”. Agora temos essa imagem legal. Podemos chamar-lhe “Roupa Poderosa”. Agora, o que você quer fazer é adicionar palavras-chave, etiquetas ou identidade de marca, urbana, roupas, merchandismo, design de marca, design de logotipo, coisas assim. Então o que você pode fazer é clicar em “Graphic Design Fashion”. Vamos ao Photoshop. Essa é a errada. Adobe Illustrator e, em seguida, Photoshop. Boom. Visível para todos. Posso deixar em particular, se quisermos. Então não, não faz. Posso ir salvar o rascunho. Sempre que você quiser editar a foto, você pode sempre voltar para o lado direito, clicar em “Configurações”, e então você pode editar isso facilmente. Agora, tudo o que tenho que fazer agora, essa imagem deve ser feita, espero. Deixe-me ver. Vou baixar isso. Vou chamá-lo de Projeto de Roupas Poderosas. Certo, agora que compactamos, vou clicar duas vezes. Agora deve carregar toda a imagem ali. Boom. Você pode ver que é de alta qualidade. Obviamente, se você ampliar e talvez um pouco pixelizado. Você sempre pode salvá-lo com o dobro da resolução e, em seguida, ele será menos comprimido ou menos pixelizado. Temos os nossos principais detalhes lá. Então você pode começar a rolar e você pode ver que tudo está se sobrepondo. Parece legal, toda a textura está lá, todo o design que fizemos no Illustrator e é isso. Obviamente, às vezes você pode ter um slide de agradecimento. Você também pode editar e adicionar imagens. Se eu quiser inserir um emoji ou texto, você pode dizer, “Obrigado, check-out mais em JeremyMura.com.” Mas seria melhor para mim entrar no Illustrator, estender isso para cima ou adicionar outro slide e, em seguida, adicionar um slide de agradecimento ou seu site. Então, uma vez que isso é feito, basicamente, apenas salve como rascunho. Obviamente, se eu for para a minha página, ela pode não aparecer. Se eu clicar em “Rascunhos”, você pode ver que é assim que vai ser. Última modificação. Você pode clicar nele, e é assim que vai parecer. Aprecio isso. Boom. Alta qualidade. Maquetas parecem incríveis. Boom, olha para isso. É assim que se cria um estudo de caso. Obviamente, este foi apenas um projeto paralelo curto, mas lembre-se, adicione tantos detalhes quanto você puder. Expanda sobre ele. Você tem tanto poder com Behance. É muito fácil de usar. Mas espero que isso tenha sido útil e estou ansioso para ver seu projeto de classe sobre como você cria sua primeira peça do portfólio Behance. 11. Usando o modelo de Webflow: Quero mostrar-lhe como configurar um site de portfólio rápido e curto no Webflow. Este não vai ser um curso extenso sobre como criá-lo a partir do zero, porque eu quero ter um curso separado mais tarde sobre como usar o Webflow. Mas eu quero mostrar-lhe como usar um modelo rápido. Depois de se inscrever no Webflow, ele é gratuito e é gratuito para realmente construir seu site como um rascunho. O que é muito legal, você pode construir dois sites na verdade. Você pode ir para modelos do Webflow. O que você quer fazer é clicar em “Grátis” e ele vai mostrar todos esses grátis aqui. Mas normalmente você quer começar com o início do portfólio. Vou clicar nisso. Então o que eu vou fazer é clicar em “Usar gratuitamente”. Então eu vou chamá-lo de Meu Portfólio e eu vou apenas dizer Skillshare e eu vou clicar em “Criar projeto”. Um projeto no Webflow é basicamente um site. Vai carregar tudo naquele modelo para mim. Enquanto eu rolar para baixo, você pode ver que ele tem todas as coisas boas lá, todo o conteúdo, o texto e tudo lá. Então, no lado esquerdo, eu posso pressionar Z e isso vai abrir meu navegador para que eu possa ver tudo. A maneira como o Webflow funciona é que está tudo em caixas, por isso é muitas vezes chamado de modelo de caixa. Temos seções. Também temos navegações, que são símbolos no ilustrador. Estes são reutilizáveis em todas as páginas para que eu possa editar um símbolo e eu possa mudar, alimentado por café ou o que quer que seja feito pelo Jeremy. Posso deixá-los lá. E se eu clicar fora dele, é basicamente se eu ir para uma página diferente. Para clicar nas páginas, você clica na terceira coisa. Se eu for para a página Sobre, você pode ver que o rodapé ainda é o mesmo que nós acabamos de mudar. Isso é como um símbolo. É muito fixe. Eu só vou voltar para a página inicial. Obviamente, temos símbolos na primeira coisa. O botão mais é basicamente elementos, contêineres e grades. Mas não vamos entrar muito em detalhes sobre isso. Temos Navigator, que eu disse antes, derrame e fácil de abrir isso. Temos nossas caixas, nossas seções que são Divs. Todos eles têm aulas. É muito fixe. Então temos CMS e outros pequenos detalhes lá, temos os ativos aqui, as imagens que podemos deixar. Só vou trabalhar com as primeiras páginas. Por exemplo, vamos falar com como criar essas coisas aqui. Designer de marca, Ei, eu sou Jeremy, Austrália, lindo. Agora projeto um, projeto 2, você pode ver tudo isso. Está tudo dentro da grelha aqui. Posso clicar duas vezes. O que eu posso realmente fazer é que eu posso realmente vinculá-lo a uma página para que eu possa chegar a uma das páginas do portfólio. Eu posso fazê-lo quando eles clicam nele, ir para uma seção diferente, se eu quiser, eu posso colocar meu e-mail. Se eles clicarem nisso irá para um telefone de e-mail também, o que é realmente útil. Neste momento, isto é um bloco de ligação. Temos um bloco Div e dentro desse bloco ou aquela caixa, onde dentro há uma ligação. Este link irá basicamente para a página do portfólio. O que eu vou fazer é, ir para a minha aula no lado direito e eu posso rolar para baixo e você pode ver que há uma imagem na seção de fundo, imagens em gradiente. Você pode ver, eu posso desligar essa imagem com o pequeno globo ocular. Eu posso clicar nesta imagem, eu escolho Imagem. Eu só vou arrastar algumas das minhas imagens aqui do projeto que criamos antes. Como você pode ver lá. Isso é realmente ótimo. Temos a maquete da roupa Mighty. Então, agora, se eu clicar em Visualizar, você pode ver que esses são links. Se eu clicar nisso, ele não vai entrar nele porque eu não enviei para o link. Isso é muito legal. Eu só vou voltar para fora disso. O que você quer fazer, você quer ter certeza de que até o topo você tem vistas diferentes. Você tem as visualizações para dispositivos móveis, você tem o iPad, mas vamos nos concentrar apenas na visualização de desktop por enquanto. Não se preocupe com a capacidade de resposta móvel. Como é um modelo de portfólio, ele já o tornou responsivo de qualquer maneira, você pode ver que tudo se encaixa. Mas queremos ter certeza de que estamos trabalhando com esse ponto de interrupção aqui, o que significa que cada mudança que fizermos, afetará todos os outros níveis abaixo dele. Vou chamar essa roupa poderosa. Vamos fazer design de marca. Vou deixar os outros projetos também. Vou apagar estes dois quarteirões aqui. O bloco Div, vou apagar esses. Agora só tenho estes dois quarteirões aqui. Para este, eu vou mudar a imagem. Deixe-me encontrar outro projeto que eu fiz. Vamos digitar um estudo de caso. Eu só vou arrastar este aqui. Se uma imagem for muito grande, ela lhe dirá. Tudo o que você tem a fazer é basicamente arrastá-lo para isso no navegador Webflow e no lado esquerdo você pode ver que pequeno ícone de imagem é basicamente armazenado no arquivo de ativos agora. Você pode ver que é aquele projeto ali. Posso ir à Universidade Macquarie e fazer design de marca. Isto é lindo. Legal, vou clicar neste link, vou clicar na pequena engrenagem aqui. Então o que eu vou fazer é ir para o segundo ícone, que é uma página. Vou escolher a página e quero ir para o Projeto 1. Posso fazê-lo ir para a nova conta, se eu quiser. Vou deixar isso aí. Então vamos clicar no globo ocular e testá-lo bem rápido. Agora eu sei que vai para a página do Projeto 1. No canto superior esquerdo você pode ver as páginas. Temos a página inicial, a página Sobre, e depois temos uma pasta. Em seguida, dentro desta pasta, é ir todas estas páginas do projeto. Podemos adicionar páginas se você quiser, podemos excluí-las, seja o que for. Mas vamos apenas usar rapidamente este modelo. Roupas poderosas, só vou adicionar as mensagens como fizemos para o Behance. Talvez eu me livre dessa visão geral do projeto. Vou copiar e colar os textos do que tínhamos do Behance. Eu vou, meu papel, design do Instagram, identidade da marca. Isso é muito legal. O que eu vou fazer é clicar na pequena engrenagem, clicar em Substituir imagem e, em seguida, começar a adicionar algumas dessas imagens que já criamos. Você pode ver aqui nós podemos ter mais algumas mensagens. Talvez eu não queira isso no meio, mas eu posso deixar lá por enquanto, substituir esta imagem. Eu também posso clicar duas vezes na imagem e ele vai abrir isso e eu vou escolher este. Volte para trás. Por favor, certifique-se de que deseja clicar na imagem para que ela carregue. Assim que trabalharmos juntos, ou vamos conversar. Agende uma chamada e vamos pôr a tua marca em movimento. Legal, então eu posso ir como, hello@jeremymura.com. Isso é um pouco grande, então eu posso ir para o lado direito, você pode ver a fonte. Eu posso mudar o tamanho da fonte, eu posso deixar isso cair. Vamos fazer uns 55. Você também pode alterar fontes também, mas eu não vou fazê-lo neste tutorial. Lindo. Nós temos a nossa imagem lá, eu posso clicar no pequeno botão do olho de pré-visualização para ver como ele está se parecendo. Temos nossa página do portfólio. Percorra, temos a informação básica lá. Então ele tem as maquetes que criamos. Eu não editei este texto, mas eu posso mais tarde. Então temos a imagem lá parecendo muito legal. Se quisermos mudar o plano de fundo, podemos fazer nesta página, a cor preta, que fará isso. Essa é uma opção também. Mas você tem que basicamente inverter todo o texto e deixar os textos largos, que pode ser complicado. Talvez eu queira mover uma dessas seções para que você possa ver esta seção, é por si só. Talvez eu queira movê-lo acima da outra imagem. Você pode ver no lado esquerdo como eu estou arrastando. Agora eu o trouxe aqui agora todas as imagens são assim. Simples, conectadas entre si. Temos uma seção lá, temos outra seção lá e outra seção aqui que foi feita que é muito legal. Eu também posso adicionar espaçamento. Se eu quiser adicionar preenchimento aqui, podemos ir para espaçamento no lado esquerdo direito, e você pode adicionar um pouco de preenchimento. Vai adicionar algum espaço no fundo, se quiser, ou podemos deixar isso. Nem precisávamos ter várias seções. Podemos realmente deixar as coisas, movê-las, mas vamos deixar isso por enquanto. Eu poderia colocar mais algumas mensagens, eu só vou copiar e deixar algumas. Eu deletaria isso e isso. Acho que isso parece bom. Podemos gastar mais tempo nisso e podemos torná-lo realmente bom. Mas acho que vou deixá-la lá só para manter a coisa bem simples. Mas quanto mais imagens, mais maquetes e você pode adicionar mais detalhes do problema, o desafio, todas essas coisas. Mas o que você quer fazer é que você quer ir para publicar e, em seguida, você pode publicar no site selecionado. Como não há nenhum domínio conectado a este site, eu vou apenas publicar no webflow.io. Então o que você pode fazer é clicar neste pequeno ícone aqui, e isso vai levá-lo para o site de trabalho real. Agora você pode ver, eu posso ver a página do portfólio e eu posso compartilhar este link com outra pessoa se eu quiser. Eu posso clicar no logotipo para me levar para a página inicial que acabamos criar como você pode ver lá. Obviamente, não editamos nada disso. Mas é apenas uma maneira rápida de começar a fazer o seu site e isso é apenas no Webflow. Você pode usar os outros sites que eu mencionei antes, mas espero que isso mostra uma maneira rápida sobre como usar o Webflow. 12. Avaliações de portfólio: Vamos saltar para dentro. Mas antes disso, eu só quero dizer rapidamente que eu sempre tento dar críticas construtivas ou feedback. Sempre que digo algo que pareça duro ou negativo, não leve para o lado pessoal. Lembre-se, estamos tentando ser objetivos aqui para que seu portfólio apenas melhore para que você possa realmente obter mais clientes e melhorar seu trabalho. Eu tento dizer coisas que são práticas e vou dar tantas dicas quanto eu puder. Eu provavelmente vou ter dois vídeos separados, então não demora muito porque eu tenho alguns alunos para ver. Mas vamos saltar para dentro. Lembre-se, preste atenção às coisas que eu digo aos outros alunos porque isso pode ser relevante para você também. Vamos saltar para dentro. Primeiro, temos Taha Ahmed. Em sua conta Behance, ele tem três projetos. Ele é bastante novo. O que se destaca para mim é este vermelho, a imagem da capa. Eu só gosto das maquetes brancas aqui e da do meio. Este não é que se destacam porque o fundo branco realmente não funciona e não está estourando para mim. Tente evitar fundos brancos. Tente mantê-lo em uma bela maquete. Lembrem-se, maquetes visuais realmente causam um impacto. Vou clicar neste estudo de caso da Energia Surge. Vamos passar por isso rapidamente. Primeiro, então esta maquete é interessante. Eu gosto de como os elementos são como um contraste selvagem com o fundo. Então você tem energia de surto em uma lata aqui. O problema é que isso está desconectado. É como se fosse um urso? Deveria estar na frente de alguma coisa? Porque alguns desses elementos agora se sentem irrelevantes. Talvez esta deva ser a principal coisa colocada no centro aqui ou algo assim. Rejuvenescimento é um fator real. Em seguida, ele leva a falar sobre o objetivo, projeto hipotético em merchandising uma marca. Não precisam dizer hipotético, pessoal. Não precisa dizer que é um projeto falso. As pessoas não precisam saber. Tratamos isso como um projeto normal, como se fosse um cliente de verdade, que as pessoas não tivessem que ver ou adivinhar. Não é mentir. É como se não fosse importante. O trabalho é importante, o objetivo e alcançar resultados. É um energético descafeinado bebidas e géis, Energia Surge. É bom. Ele está quebrando o gol. Ele menciona o público, os componentes-chave. Isso é muito legal. É bom. Tudo bem ele mencionar os ingredientes, mas acho que provavelmente não é tão relevante. Se estiver conectado à história da marca e você puder contá-la de uma maneira boa, então isso vai ser bom. Mire no cliente, isso é legal. O evento convincente. É legal ele estar trazendo um pouco de mensagens. Acho que é um pouco demais textos, talvez reduzi-lo a um parágrafo. Este é o seu quadro de humor, layout interessante, escolha interessante de imagens. Você tem um monte dessa ação de iluminação acontecendo. Bastante decente. É um tipo desportivo dinâmico de coisa. Isso é fixe. A lacuna e o lançamento. Ele está começando a mencionar algumas partes do que é legal. Em seguida, para os esboços. Ao mostrar esboços, é melhor colocá-lo em uma maquete, ele só parece melhor. Esta imagem também está embaçada. Talvez digitalizá-lo em sua impressora ou simplesmente usar sua câmera em vez de seu telefone. Mas eu gosto de como ele colocou esboços, isso é muito legal. O design é decente. É uma bela marca de logotipo. Desenho final. Energia de surto, paleta de cores. Eu só sinto que apenas tê-lo em um fundo branco, não há muito acontecendo e eu sinto que é um pouco preguiçoso apenas colocar as coisas fora como este. Esta é apenas uma captura de tela do CMYK, o que não é muito ruim, mas eu sinto que você pode retratá-lo e exibi-lo muito melhor. Mesmo as seleções de tipografia têm um layout de espécime de tipo mostrando a fonte em ação em um pouco mais, em vez de apenas mostrar o logotipo. Ele tem, aqui eu vou ilustrar o impacto do trabalho do ganho. Você provavelmente poderia dizer benefícios ou solução, que provavelmente faz mais sentido do que ter o ganho lá. As maquetes. Eu não tenho certeza se este é o pó real ou é o café. É isso que está na garrafa? Acho que uma bebida energética não fica bêbada em uma caneca a menos que seja uma versão em pó. Talvez se for verdade, se for isso, tudo bem. T-shirt, uma sacola. Está tudo bem. Em seguida, uma exibição de garrafas diferentes. Mostrá-lo em duas garrafas separadas aleatórias, isso não faz sentido. Obviamente, uma solução teria sido escolher uma garrafa. Por que eles estão mostrando dois tipos diferentes? Isto poderia ser melhor. As cores de fundo, não sei por que é azul. Isso não faz parte das cores da marca. Isso é outra coisa que não faz sentido. Basta colocá-lo para o vermelho ou o cinza ou ter uma cor secundária. Isso remonta à paleta de cores. Você só tem duas cores. Tente expandir a paleta de cores da marca. Tente ter 4-5 cores, algumas que são secundárias, que você não usa tanto, e então algumas que são as duas principais. Vamos passar. Isso é fixe. Tente adicionar também outros detalhes como é apenas o logotipo, há uma ilustração padrão? Há outras imagens? Porque é só um logotipo. Obviamente, em um pacote, é muito mais, então tentar descobrir outras informações que você pode colocar no trabalho. O resumo, a missão, o resultado, o impacto. Isto é fixe. Eu acho que você poderia provavelmente ter colocado isso no topo e cortar metade das outras informações porque isso parece mais importante, como um resumo, é um colapso. As pessoas não lêem muito em portfólios. Mãos no rejuvenescimento. Essa maquete é decente. Em um cartaz, você provavelmente não teria essa imagem lá para um anúncio. Você provavelmente poderia ter deixado isso e, em seguida, brincou com o texto mais. Mas no geral, acho que é provavelmente o melhor. Eu rapidamente olhei através do outro. Os desenhos do logotipo são bons. É como apresentá-lo melhor e apenas tornar as coisas mais relevantes e não ter muitas cores. Mantenha-se dentro da marca. Vamos saltar para Olumide. Não sei como dizer o nome dele. Desculpe se o massacrei. Ele é um estudante também. Parece que ele é um iniciante olhando rapidamente para as imagens aqui. Posso ver que isto é um panfleto, um par de logótipos. Mas mais uma vez, tendo o fundo branco, não acho que funcione. Não faz com que se destaque. Use as cores da marca ou coloque-o em uma maquete. Vai parecer muito melhor em vez de mostrar um logo como este. Ele tem alguns logotipos. A inconsistência com os panfletos e os logotipos aqui, este é um estilo ruim. Esses dois logotipos são um pouco diferentes disso, e então isso nem é um logotipo. Tente ficar com o tema, basta colocar todos os logotipos, usar as cores da marca. Vou clicar no primeiro aqui, o NIKEP Ventures. Ele só está mostrando um logotipo sozinho. Não há conteúdo, não há contextos. Você deve mostrar algo do que é a marca, qual é o objetivo, qual é o problema que você está resolvendo e como você abordou o design, qual é o processo? Em vez de apenas mostrar um logotipo porque isso vai ser eficaz. Além disso, a topografia poderia ser melhorada aqui. Sinto sempre personalizar a fonte. Vejo que tentou personalizá-lo aqui. Mas torna-se desequilibrado. Sempre tente procurar fontes. Então aqui você pode ver se eu zoom neste logotipo, você pode ver como o espaço em branco, é muito pequeno. Em tamanhos pequenos, você não será capaz de vê-lo. Tente usar espaçamento semelhante. Talvez usar este golpe de branco aqui e colocá-lo lá. Gosto do distintivo. Vamos ver do que se trata. Advogados de Dillon e Samuel. Este logotipo é muito detalhado. O exterior se sente como Clip Art e o mesmo que a águia, por isso precisa ser simplificado. Um logotipo deve ser sempre muito simples. Simplifique e as cores, apenas o contraste parece um pouco fora. Tente e sempre ficar com formas simples em vez de ter pequenas formas. Porque em tamanhos pequenos você não será capaz de ver nenhum detalhe. Só mostrando todos esses logotipos aqui. Mostrar logotipos não funciona assim. Lembre-se, tente expandir estudos de casos rápidos, vai ser melhor para você. Próximo, Namudi. Ela é da Índia. Ela parece muito amigável. Vamos ver o trabalho dela. Não sei se ela é uma designer gráfica. Parece que ela faz têxteis ou arte, algo assim. Vou rolar por aqui. Imediatamente eu posso ver que ela é muito astuta ou artística. São muitas ilustrações. Este é muito legal ilustrações aquarela. Mas não estou sentindo um estilo específico. São apenas imagens aleatórias. Isto é aleatório. Você tem citações. Então você tem coisas de letras. Mas eu sinto que seu estilo é mais rabiscar e ilustração de água. Tente ter uma grade consistente. Uma grade é o top nove posts, porque agora é inconsistente, você está tendo muitas imagens que não falam com o seu ofício. Tente manter um estilo em vez de apenas fazer todas essas coisas aleatórias. Se for a ilustração, acho que fique com isso porque você parece muito forte nisso. Em vez de fazer uma captura de tela, tente digitalizá-la e coloque-a em uma maquete ou simplesmente coloque uma textura agradável no fundo. Isso pode ser uma ideia. Acho que é isso. Acho que ela não tem um portfólio no site. Eu verifiquei isso antes. Próximo, Antonio Salazar. Ele parece um designer. Vou percorrer rapidamente. Isto parece interessante. Parece um pouco de arte digital, magia do cinema. Isso parece um aplicativo. Burger Bot, que se parecem com um aplicativo, bem algumas embalagens. Santa Cruz, bebida energética. Legal. Imediatamente eu posso dizer que ele é um pouco um designer de IU, um pouco de um artista digital. Eu provavelmente cortaria seu portfólio quatro peças principais, algumas dessas peças antigas não parecem tão sedutoras para mim. Estes parecem projetos estudantis aqui. Como você pode ver, aqui você fez uma revista para uma escola ou algo assim. Acho que provavelmente não precisa disso. Isso é bom ter consistência. Eu gosto destes, maquetes são decentes com a interface que é interessante. Então você tem este, que é como um desenho de cartaz. Eu acho que eu quero ir para o cinema mágico e rapidamente olhar através disso. Magia de cinema. Logo de cara, não há mensagens. Não sei para que serve isto. É para uma aplicação cinematográfica ou online? Para que é isso? Ter alguns contextos, ter os textos, lembrar sobre o problema, o nome da empresa, a solução, etc Os esboços são legais. Às vezes, esboços não são os melhores para mostrar. Você pode realmente usar modelos de UI de baixa fidelidade, isso provavelmente é melhor. Porque às vezes é difícil entender como é, que corre a tela 1, é este? É este? O fluxo, é um pouco difícil de dizer. Tudo é branco. As setas e os ícones, é um pouco difícil de dizer. Talvez eu aperte isso um pouco. Esta maquete parece legal. Gosto de como as telas estão dispostas. É dinâmico. Sinto-me como se estas orbes brilhantes tirassem das telas. Eu acho que é um pouco demais detalhe, mas o gradiente de fundo é bom e os golpes e outras coisas. Mas lembre-se, tente simplificar, tente se concentrar no design da tela, nas coisas que você fez. Eu posso dizer, obviamente, precisa de um pouco de bombeiro com as fontes e coisas assim. Mas é um bom primeiro começo. Esta é uma bela maquete. Gosto de ter coisas assim, vista isométrica com as maquetes do telefone, mostrando claramente o produto. Isso é decente. Este é decente. Sinto que algumas das mesmas telas estão aparecendo. Se você já compartilhou uma tela, há algum ponto mostrando novamente em uma exibição diferente? Isso é apenas redundante. Talvez pense em mostrar o logotipo digital ou talvez possa ser uma maquete de telefone. Talvez tenha uma pessoa para mostrar ao público segurando a tela ou algo assim. Eu não sei. Pense em coisas assim. Você colocou o texto na parte inferior, provavelmente deveria estar no topo. Quando chego na página, é isso que estou dizendo, isso faz sentido. O que eu vou fazer, eu atualizaria algumas dessas imagens porque esses dois aqui, eles realmente não falam comigo. Eles não estão se destacando. As fontes e as cores, tente colá-lo, mantê-lo coeso com a marca. Não faça coisas aleatórias. Interessante, a garrafa. Eu amo como as garrafas com o fundo e é dinâmico. É legal, você tem esses pontos e padrões. Pode usar isso no fundo? Pode usar isso em outros elementos? Em vez de continuares a mostrar a garrafa, porque só estás a mostrar a garrafa. Mas talvez seja melhor mostrar outras coisas como onde estão as mensagens? Talvez o logotipo por si só. Em seguida, coloque o texto até o topo. Não diga sobre, diga o nome do projeto, como Spartan Ale re-design ou bebidas Spartan Ale ou estudo de caso. Obviamente, você tem que ouvir sobre, você pode apenas tirar isso e trazer o texto para o topo, então espero que isso os ajude. Newzealand.com. Aqui está um designer gráfico. À primeira vista, eu posso dizer que este site se sente como se fosse um site WordPress. Há muito espaço aqui, então você pode ver se eu fico tão grande assim. Só estou a tentar tirar a caneta para poder, não a tenho. Há muito espaçamento aqui. Parece estranho. Então a fonte parece estranha em comparação com o seu logotipo. É muito divertido e como roteiro. Podem ser tipos de letra diferentes. Há muitos brancos, conheça Chris. Em vez de nos concentrarmos em nós mesmos, digamos, vamos começar um projeto. Concentre-se no call-to-action, inicie um projeto, entre em contato. Vamos marcar uma chamada. Tenha isso em vez disso e tenha isso no lado esquerdo, então ele está alinhado. Acho que é melhor. Sempre em movimento. Isto não faz sentido. Você é designer de movimento? Tente se concentrar no cliente. A identidade da marca e o design do logotipo. Você provavelmente pode cortar isso e talvez colocar uma imagem no lado direito ou atrás no fundo, para mostrar alguns dos desenhos. Eu posso ver, podemos clicar em uma dessas coisas, vai nos guiar pelo portfólio dele. Legal. Mudando o mundo do design e impressão. Eu não sei se isso é um blog, se você colocou seu blog aqui. Impressão de design de logotipo. São muitos textos, muitas coisas acontecendo. Acho que simplifica e concentra-te no trabalho aqui. Você pode ver o trabalho dele. Há uma mistura de coisas aqui. Vejo que parece trabalho antigo. Eu provavelmente me livrava dele e cortaria para o seu top oito. Algumas dessas coisas de arte digital, eu provavelmente apenas focaria nos Logos por enquanto, porque eles apenas parecem profissionais. Eu gosto deste se destaca para mim porque esse é o contraste do fundo. Vamos apenas pegar este e ver como ele colocou para fora. Marca Shortstop, conceito de logotipo, entregue o que quiser, sempre que quiser. Não há contexto do projeto ou do estudo de caso lá, então vamos rolar para baixo. Você tem aqui, tudo bem. É legal ter um cabeçalho. Não gosto do cinza aqui. Se houver uma maneira de mudar o fundo com a mesma cor deste fundo que fluiria melhor, muito melhor. Textos, é bom ter sub-títulos, bem como sob o nome da marca ou estudo de caso, objetivo, problema, etc Ele só dá mais escalabilidade, legibilidade em sua página. Agora vamos descer. Você pode ver alguns dos logotipos. Mostrar o logotipo como aquele apartamento não parece tão bom. Tente fazer uma maquete como esta. Isto parece decente. Eu sinto que, embora seria melhor para mostrar em uma versão lateral como um site na lateral da van, porque isso é difícil de ver. É muito pequeno, enquanto o lado, é mais maior e você pode explodi-lo. Vamos descer, design gráfico e Logo Clearspace. Vejo que está mostrando o espaço livre, que geralmente faz parte da diretriz da marca. Eu não sei se ele realmente funciona sozinho assim. Se você teve um estudo de caso rolando ou para baixo com imagens e você pode ser mais relevante. Sim, eu acho que guarde todas essas informações para o seu guia de estilo ou guia de marca ou o logotipo. Porque isso é irrelevante para alguém que é um cliente está olhando para isso. Para você é, mas eu provavelmente vou cortar isso e tentar e talvez fazer apenas um bom mock-up, largura total de apenas o logotipo principal com boas diretrizes. As linhas pontilhadas, eu acho que traços parecem melhores também. Mas isso é subjetivo, é minha opinião. Esta maquete parece melhor comparada com a outra. Deve estar no topo. Isso vai ficar bonito e talvez colocar o fundo verde que vai realmente pop e se destacar. Rolando para baixo, projetos de veículos. Em vez de ter logotipo da empresa de design gráfico, dizem projetos de veículos e estacionários. Tente colocar o título do que é a principal coisa que você fez no design. Obviamente eu posso ver as maquetes. Estas maquetes são decentes. Consigo ver a marca a passar por eles. Não vejo nenhuma mensagem de marca que deva ser uma mensagem chave que você criou. Você tem uma empresa sediada em Londres acabou de cortar isso. Basta colocar design uniforme ou design de merchandismo. Basta colocar isso. Assim podemos ver. Obviamente, eu vejo que é um monte de uma coisa de logotipo. Há um pouco de texto aqui. Posso começar a ver algumas coisas. Você tem Loren Ipsum. Tente se livrar de Loren ipsum só para fazer parecer mais como um projeto real. Tente chegar a alguns textos ou até mesmo às vezes você pode ir em uma empresa com outro site semelhante e apenas copiar o texto que é semelhante. Vai ser muito melhor. Consigo ver esta maquete. Sempre tente personalizá-lo para que não se sinta como se fosse apenas uma maquete de ações que você tem. Preciso ver mais elementos da marca aqui, como os cartões de visita e até o fundo, talvez adicionar essa cor azulada ou o verde. Algumas dessas maquetes são decentes, mas só precisam se reformar e você precisa trabalhar nisso. O próximo é de Sherie D. Welsford Art and Design. O logotipo é muito grande nesta página. Torná-lo muito pequeno e, em seguida, trazer essas coisas para cima. Vejo que você gosta de cerâmica e arte, que é legal progresso de trabalho, fotografia e arte. Eu teria dois locais separados. Uma para a sua arte e outra para o design. Vou me concentrar no design aqui. Vejo que tem um blog sobre mim e trabalho, tudo bem. O texto é simples. Vou clicar em “Design”. Só posso ver um projeto. Talvez haja mais. Há, eu apenas rolou para baixo. Eu acho que tentar e ter blocos separados para que alguém possa selecionar, este é o design da etiqueta, este é o design da marca etc, porque se eles têm que rolar todo o caminho, é como, este é um projeto? Isto é tudo a mesma coisa? Eu não tenho certeza. Fica confuso, então tente simplificar. Ter blocos separados ou uma nota ou uma galeria que você pode usar. Então, Projeto 1, eu me livrava disso. Parece um projeto estudantil. Talvez pare com isso e fale sobre o nome do projeto. Em vez de chamar ilustração, chame-o de algo que é relevante para isso, como marca de café. Eu não sei. Tente chamá-lo com um nome legal. Eu gosto de como você tem objetivo aqui e cliente, isso é bom. Isso é realmente ótimo. Você fala sobre o objetivo. Os visitantes recebem uma cópia gratuita. Isso é ótimo. Isso é incrível. As pessoas querem criar um guia de trabalho a partir de casa para clientes potenciais. O objetivo é explorar a tendência crescente. Então você deve dizer design de capa de e-book ou design de e-book, seja lá o que for. Este é curto, eu gosto de como é curto e doce. Esta imagem é muito grande em comparação com o texto. Talvez colocar os textos acima. Eu não sei. Sinto que essa grade pode ser melhorada. O layout, há pouco espaço em branco, parece estranho, desequilibrado, então talvez levantar isso e fazer isso um pouco mais apertado e menor e talvez colocá-lo em um maquete de e-book, que funcionaria bem. Estágio de planejamento. Não tenho certeza se este é o mesmo projeto. Estas imagens, esta parece um pouco baixa qualidade, pixelizada. Não sei se você copiou e colou de algum lugar ou fez isso. Não sei se ainda estamos no mesmo projeto. Parece diferente. Talvez sejam suas imagens de café lá. Parece Clip Art. Tente evitar clip-art. Deixe os sites livres lá fora. Mesmo que você possa copiar imagens de Pexels, Unsplash online, drible, coisas assim. Você não está copiando, é como inspiração. Mas posso ver as cores. As cores não são usadas neste. Não sei, há desconexão lá. Você tem esboços. Estes esboços parecem muito limpos, muito arrumados. Eu gosto disso. Talvez colocá-lo em uma página de papel ou em uma maquete de caderno. Isso vai ser mais agradável. Notas, esboços e moodboard. Essas coisas são muito apertadas e difíceis de ler. Eu acho que tentar e ter um semelhante como este e ver esses testes como todos os textos nunca devem ir acima de 70 por cento, 80 por cento na página. Deve ser tão curto, basicamente. Tão curto quanto este. Não deve continuar porque seu cérebro fica sobrecarregado e eles não querem ler. Entregáveis. É uma maquete decente. É apenas pixelizado. Eu não sei se você pode vê-lo, mas está pixelado. Trabalhe para salvar imagens de alta qualidade. [ inaudível] maquetes, decentes, talvez algumas cores de marca no fundo observam como tendo pensamentos brancos no corte. Isto é provavelmente o que está no site. Tente colocar isso, mostrar isso no site do cliente, fazer uma captura de tela e, em seguida, ter um modelo de um web frame em um MacBook ou um laptop e, em seguida, mostrar a página lá, o topo da página com o centro em vez de apenas colocá-lo como isto. Isto parece estranho como se estivesse flutuando. Mas, obviamente, eu posso dizer que esse é o design que você criou no banner do site. Layout digital. Sinto que o layout pode ser trabalhado. Mas é bom. Veja, eu gosto de como você fez o MacBook Pro. Então você escolheu uma coisa semelhante para isso. Fiz o site lá, identidade da marca. Você tem outro site. Isto é bom, isto é um pouco melhor. Desviar essas imagens, é muito grande. Apenas trabalhe nisso. Eu gosto da palavra, isso é mapeamento de palavras, isso é bom. Tente não ter um pixelado. Eu gosto de como você está extraindo palavras na colagem. Isto é bom. Isso é melhor do que o anterior. Siga a paleta de cores do design. Este logotipo, a escolha da fonte pode ser melhor e o contraste entre restaurante e floresta tropical pode ser melhor. Você provavelmente pode até mesmo tirar restaurante, mas eu acho que mais contexto, o logotipo precisa ser simplificado. Consigo ver cores diferentes, traços e outras coisas. Sempre que você criar um logotipo, mantenha-o simples. Você está quebrando. Isso é fixe. Uniforme de pessoal, marketing. Só sinto como se tentasse mostrar melhores maquetes. Há as mock-ups grátis lá fora, então tente manter isso relevante para o projeto. Fique com as cores da marca, mantenha-o consistente, mantenha as imagens com a maior qualidade possível. Acho que seria melhor para todos em seu trabalho, mas é um bom começo. Voltamos com mais algumas avaliações do portfólio. Este é de Sue Mason ou Suzanne. Parece que ela faz Arte e Design. À primeira vista, eu a amo. Seu estilo de ilustração. Eu acho isso realmente incrível. Adoro as imagens da capa. Eles realmente se destacam. Eles têm a coragem, a textura. Eu adoro os padrões e têxteis, pinturas, mapas ilustrados, legal. É realmente claro que você tem um certo estilo que é consistente. Eu gosto disso. Mesmo com a escolha da fonte, acho que é muito bom. Há muita mensagem aqui. Tente encurtá-lo e tente não deixar textos ir mais de 70 por cento ou 60 por cento na metade da página. Tente mantê-lo à esquerda como empilhado em vez de como ir todo o caminho assim. Talvez tenha uma foto sua também. Acho que isso é importante. À primeira vista, vejo que tem pinturas, padrões, livros ilustrados. Gosto da sua ilustração. Vou clicar nisso. Veja onde isso me leva. Entre em contato comigo se você estiver interessado em licenciar meu trabalho. Legal. Você tem um monte de coisas diferentes. Cartões, abelhas, livros ilustrados. Vamos escolher livros ilustrados. Vai me mostrar coisas específicas? Doce. Posso ver o seu portfólio. A consistência está lá, eu realmente amo isso. Adoro esta grade, muito simples. Eu gosto do pequeno efeito pairar também. Mostra-me que eu posso realmente clicar nele. Se eu clicar nele, o que acontece? É apenas uma grade simples. Provavelmente seria bom ver se você fez alguma coisa trabalhar para marcas ou qualquer material comercial e colocá-lo dentro do estudo de caso. Mas eu sinto que se você vai ilustrar, como se tivesse um portfólio como este é bom. Funciona. Você pode ver o estilo. Mas talvez se você tivesse um certo projeto onde você fez um livro completo, talvez tentar mostrar que em um estudo de caso, provavelmente seria melhor. No geral, eu acho que é muito legal. Deixe-me ir só tentar obter os padrões. Eu acho que este design lateral é realmente limpo, muito simples. Eu não sei o que é esse banner com o Dropbox lá. Essa sombra parece estranha, não parece muito amigável. Os jardins espanhóis, vamos clicar nesse. Legal. Acho que só vai me mostrar bom. Eu acho que é legal, eu acho que seu portfólio é legal. Eu acho que talvez tentando mostrar alguns dos têxteis ou imagens, eu não sei se você já viu como uma loja Etsy onde eles têm os travesseiros e capas de telefone e outras coisas, tentar e colocar alguns desses modelos nele, eu acho que realmente faria com que se destacasse. Deixe-me voltar lá. Eu acho que realmente faria isso se destacar, como colocá-lo em um objeto físico que as pessoas podem vê-lo em sua sala de estar ou em uma decoração de casa. Mas se você quiser se concentrar mais no trabalho comercial, então se concentrar em tentar colocá-lo dentro do estudo de caso e expandir sobre ele, como tentar adquirir o objetivo, o projeto e a marca. Mas no geral seu estilo é muito legal, eu acho que você fez um monte de esforço. Poderíamos ter mais algumas fotos suas, talvez seu espaço de trabalho, seu espaço de arte. As pessoas adoram isso, isso é realmente inspirador para as pessoas, então talvez compartilhe um pouco disso. Vamos entrar na Bridget. Ela tem um Instagram, é fotógrafa e ilustradora. Uma das coisas que ela falou foi um pouco dos dois. Direi sempre ter páginas separadas. Um para ilustração, um para fotografia. Eu realmente posso ver sua fotografia aqui, um monte de elementos florais, pores do sol, noites tardias, topo de vibrações aqui. Eu posso ver que você tem alguma mensagem, apenas respire. Acho que não precisa disso. Em segundo lugar, para o Instagram, você vê como suas imagens têm as barras pretas. Basta fazer uma proporção de um para um. Eu sei que é paisagem, você está tentando mostrá-la ampla, mas basta cortá-la e ter aquela proporção um-para-um, parece muito melhor. 1350 pixels por 1080, ou você pode apenas fazer 1080 por 1080. Eu não sou especialista em fotografia. Eu tenho experiência nisso e eu já fiz isso antes, mas no geral eu posso ver a consistência. Tente colorir suas imagens para ter vibrações semelhantes. Como você pode ver isso tem um tom azul agradável para ele enquanto outros é muito quente. Talvez venha com o filtro que é consistente. Um filtro ou azul para fazer as coisas estourar. Mas eu realmente gosto da natureza, parece interessante, mas eu acho que se você olhar para Peter McKinnon e há alguns outros fotógrafos que eu sigo, eles têm uma grade consistente, tentar e ter essa vibração. Se eu for ao seu site, posso ver que você tem pix e pedras, tente simplificar o logotipo. Parece muito detalhado e parece um clip art, eu não tenho certeza de onde você tirou isso. Tente evitar cair sombras como esta, ele simplesmente não parece bom, apenas mantê-lo simples. Vejo que está tentando promover seu Instagram lá, o que é bom. Eu posso ver imediatamente que você tem fotografia, eu sinto que eu preciso de um pouco mais de informação. Obviamente, não gosto de ter a semana para tentar pagar por isso. Não parece profissional, não parece bom quando você tem um banner dizendo quatro semanas. Deixe-me clicar no trabalho artístico. Fotos palavras de arte Bridget. Legal, isso é uma ilustração legal, eu gosto do pincel lá. Não há realmente muito em que eu possa clicar a menos que eu tenha que ir para um menu ter que gostar clique várias vezes não é um bom sinal para a experiência do usuário, tentar mantê-lo simples. não esqueçamos que posso ver a identificação que você tem aí, são ideias interessantes e legais. Só preciso de contexto, sinto que é só arte. Se você quiser fazer mais trabalho comercial tente e, eu sinto vontade de tentar desenvolver um estilo consistente. Parece que pode estar em livros infantis ou algo assim. Este é um padrão interessante. Mais uma vez, como eu disse anteriormente, como tentar mostrá-lo em têxteis como sofás ou tecidos. Estou tentando adicionar essa textura, como travesseiros e decoração, tentar adicionar seus elementos em uma bela maquete. Acho que funciona mesmo. Mas eu me sinto como fotografia agora, mas tentar e ter dois sites separados. É muito barato ter um site hospedagem no Wix é muito barato. Se eu apenas ir para cerca de página, volta para a minha foto está tudo bem. Não combina com sua fotografia, que sua fotografia é muito vibrante e colorida e você tem preto e branco. Obviamente você pode ser tímido, mas como adicionar sua personalidade, adicionar um pouco de texto, falar um pouco sobre você ou seus objetivos ou algo assim. Acho que isso vai ajudar, mas sim. Em seguida, temos Arif Hossain. Primeiro eu quero pousar em seu site, .myportfolio.com. Eu iria direto para o seu trabalho. Não vá para página porque você está se concentrando em si mesmo. É ser mais egocêntrico. Considerando que você quer se concentrar em clientes. Sou de Bangladesh, depois de trabalhar vários anos na Upwork como VA, decidi explorar a minha jornada durante o meu percurso de aprendizagem. Este gradiente cinza, eu acho que se livrar dele, apenas mantê-lo branco no fundo. Tenta torná-lo pessoal como se eu dissesse “Ei”, ou algo assim. “ Ei, eu sou Arif”, tente torná-lo mais amigável pessoal. Esta imagem é muito grande, um pouco de uma imagem de baixa qualidade. Tente tirar um retrato, ter um belo retrato, pegar seu amigo que tem uma câmera ou talvez você tenha uma câmera que eu não conheço. Vamos voltar ao trabalho. “Oi, sou Arif.” Tire a imagem das costas, isso não funciona. Tente se concentrar no cliente, então, se você quiser trabalho de design, digamos, eu ajudo as empresas de tecnologia a lançar dizer inicialização com design de interface do usuário, algo assim. Livre-se disso também. Livre-se de links sociais, como torná-lo focado no cliente, falar sobre como você os ajuda ou o que você faz. Eu sou um designer UI/UX para pequenas startups em Bangladesh ou onde quer que o local seja. Desloque-se para baixo, não gosto da imagem na parte de trás, livre-se disso. Por quê? É uma distração. Queremos nos concentrar nos projetos nas maquetes. Acho que este se destaca mais. Veja essa maquete que é legal, esta está bem. Consigo ver a tua cara lá. Seu rosto está com raiva, aprenda a sorrir. Eu posso ver que este é um pouco detalhado demais para a imagem da capa, estes são brancos também. Tente adicionar as cores da marca no fundo e ter um ótimo plano de fundo. Vamos apenas saltar para este, o topo, então, às vezes, quando você está centrando texto como este, não parece bom, é mais difícil de ler. Alinhe à esquerda o texto, todos os textos, alinhe à esquerda e talvez coloque-o no lado esquerdo. A cor de fundo, Eu não sei se é parte da cor da marca, ele não se parece com ele porque eu posso ver luz escura jade verde e, em seguida, cores da marinha. Também talvez apenas certifique-se de que os títulos são relevantes. Você pode ir para a direção duas vezes, isso é inútil, então pare com isso. Corta isso do preto, não parece bom. Acho que é só mantê-lo branco. Se você tiver um fundo colorido, se for fundo branco use preto. E também, como parte da minha tarefa, criei quatro páginas de aterrissagem para testes A/B. Tente dar um pouco mais de contexto. Basta dizer que o desafio foi criar uma página inicial para uma empresa de logística e fizemos um teste para ver qual foi mais eficaz e depois falar sobre a solução. Acabámos por ter o modo mais escuro mais bem sucedido, seja lá o que for. Por favor, me avise do que você mais gosta. Livre-se dessa pergunta. Se um cliente está vindo aqui ou você quer ser contratado para um trabalho que você está tentando obter suas críticas, você está tentando obter um cliente. Você pode dizer que precisa de ajuda com o seu projeto de logística e talvez colocá-lo na parte inferior. Vamos rolar por aqui, requisitos. Ponha tudo isso no topo, acho que é mais relevante. Não fale sobre a maquete, apenas pare com isso. Pare com isso, projeto quatro, você não tem que dizer isso. Uma versão ao vivo, legal. É muito limpo, muito bom, há muito espaçamento aqui, o título ali. Tente evitar baixar Ipsum, tente colocar o seu em texto. Mas é um design padrão de site, é bem limpo, tudo bem. Você pode compartilhar a página inteira, tentar e talvez mostrá-la em uma maquete. Ter telas maquete, eu acho que é bom para mostrar assim através de toda a página de destino. Mas é muito limpo, muito bom. Então você tem a versão escura. Eu gostaria de ver mais maquetes apenas para que as pessoas possam visualizar os recursos do site. Esses recursos para obter mais detalhes [inaudível] contato. Você precisa ter uma chamada à ação. O que você quer que a pessoa faça com isso? Quer que eles liguem com você? Queres que te enviem um e-mail? Porque essas coisas são irrelevantes para isso. Eu posso ver que é um projeto estudantil, tudo bem, você disse que é sua tarefa, eu acho que entendo isso. Mas isso pode não ser relevante para alguém que está olhando para o seu portfólio. Tente outro e-mail profissional como você pode comprar um e-mail do Google por cinco dólares por mês, não é tão caro. Parece mais profissional e tente ter o seu nome, conjunto de palavras apenas sim, sido profissional. Contato está bom, mantenha o material social na pasta. Isso é difícil de ver e ler essas coisas, então livre-se disso. O feedback, mais uma vez, livre-se disso. Talvez este seja o seu projeto de classe, você o submete ao seu professor, eu não sei, mas para mim tente manter isso relevante para conseguir emprego em trabalho freelance. Isto também é semelhante. Basta tentar mostrar mais maquetes visuais em vez de mostrar a página inteira porque eles têm que rolar através, é muito longo. Tente compartilhar seu trabalho qual é o seu processo, como você o criou a partir do zero, e para mim esboços para a interface do usuário zomba para entrega. Mas no geral, é um bom começo e espero que isso ajude. 13. 12 próximos passos + Agradecimento: Muito obrigado por fazer essa aula. Espero que agora você tenha uma compreensão de como criar um portfólio ou um estudo de caso que possa realmente impulsionar seu trabalho e fazer você se destacar para que você possa obter mais clientes, obter mais trabalho e ter confiança em sua capacidade de design. Eu realmente aprecio se você pode fazer o seu projeto de classe, todos os detalhes estão na seção do projeto. Você pode descer e clicar nela na plataforma Skillshare e haverá um modelo e também um PDF onde você pode baixar. Certifique-se de aplicar a si mesmo e tentar criar um projeto conceitual. Pode ser de um cliente passado ou pode ser apenas um cliente que você inventou e fazer esse estudo de caso carregá-lo para ser mãos, e eu vou estar selecionando um vencedor e eles vão ganhar uma associação premium de um ano no Skillshare, que geralmente custam mais de US $100, então você começa um ano inteiro de graça. Faça isso antes de 30 de setembro para estar na corrida para ganhar isso, e eu escolherei o melhor design e estudo de caso. Lembre-se, você precisa compartilhar seu trabalho, colocar seu trabalho para fora e começar a criar um portfólio incrível que pode ser visto. Certifique-se de se esforçar e fazer o seu melhor, e eu tenho certeza que você vai crescer como designer. Muito obrigado por assistir. Eu realmente aprecio se você também clicar no botão seguir no Skillshare para que você possa se informar sobre todas as minhas novas atualizações e novas aulas que estão saindo este ano e no futuro. Realmente aprecio isso. Muito obrigado. Vejo você da próxima vez.