Como criar um portfólio de UI/UX

1. Introdução: Ei, pessoal, hoje vai ser sobre como criar um portfólio aux vocês I. Eu vou estar compartilhando algumas dicas, truques e melhores práticas, mas para colocar meu dinheiro onde minha boca é realmente publicada. O site que eu criei nesta classe e ele ficou destaque em melhores fólios dot com. Uma das razões pelas quais estou fazendo este vídeo é que eu realmente ajudei com o recrutamento e alguns dos meus papéis passados, e eu acabei de ver milhares e milhares de portfólios, e muitas vezes vejo muitos dos mesmos erros. Então eu vou estar compartilhando algumas coisas, dúvidas e algumas coisas que eu aconselharia todos a evitar, mas também realmente orientando as coisas para conseguir um emprego para as pessoas. E não só isso, mas se você já está trabalhando em seu portfólio por um tempo, eu vou estar compartilhando algumas dicas e truques para contornar o trabalho que tem um nd a. Isso é um problema bastante comum para a maioria das pessoas. Você faz um trabalho incrível, mas que ele nunca é realmente útil, então ele meio que coloca você em um ponto difícil do que você deve fazer com ele, e eu vou estar mostrando algumas dicas sobre isso também. Mas acho que é só isso. Então vamos começar 2. Dicas gerais: Ok, então antes de realmente mergulharmos em fazer o site, eu acho que é melhor rever alguns pontos fundamentais. O 1º 1 é que você é um designer. Então o que quero dizer com isso é que espero que um designer tenha uma certa perspicácia visual. Espero que as pessoas sejam capazes de fazer um trabalho que pareça pelo menos decente. Então, quando eu pego um portfólio e a primeira coisa que eu vejo não é muito visualmente atraente, é um grande sinal para mim porque eu espero que um designer tenha pelo menos alguma experiência fundamental em fazer as coisas parecerem boas. E todos sabemos que, como fazer as coisas parecerem boas, não é tudo o que um designer faz. Mas é uma tarefa básica que espero que todos sejam capazes de fazer. número dois é tornar suas intenções e habilidades muito óbvias. Eso O que eu quero dizer com isso é se eu rolar em um portfólio e eu vejo oito projetos diferentes e são todos em diferentes campos de verão produtos físicos, verão digital, verão branding, gráficos de verão e publicidade Não faço ideia no que uma pessoa vai ser boa, então seu trabalho e seu portfólio e ele está gritando comigo sobre o quê? Você é bom no que tem talento porque não estou te contratando para fazer oito coisas diferentes . Estou contratando você para ser bom em uma coisa. Então lembre-se de deixar isso óbvio e deixar sua intenção bem clara em todo o seu portfólio. O meu terceiro ponto é provavelmente um dos mais estranhos para todos. E isso vai ser usar um modelo e o novo onde você está pensando, por que um designer faria? Ele é um modelo quando meu trabalho é projetar coisas novas e juntar coisas novas. E essa razão é porque você não quer que nada distraia seu trabalho. Eu vejo um monte de pessoas que tentam projetar seus próprios sites em alguma coisa legal, nova e chamativa que acaba distraindo de seu trabalho e me impede de ver e focar no trabalho. Em vez disso, concentro-me no meio que funciona, apresentado em que não é o que você quer. Você quer que as pessoas se concentrem apenas no seu trabalho, e o bom dos modelos é que eles já tomam muitas decisões por você. Então, se você está preocupado com qual fonte, qual tamanho, qual cor usar nas coisas. Modelos já têm que bom para ir para você. E eles também são responsivos em dispositivos móveis. Então, se alguma vez pensares em ser um designer móvel, é muito mais fácil a Morte? Não, essas coisas vão ser resolvidas. Então, por favor, apenas squarespace, Wix, seja qual for o uso do construtor do site, confira os modelos, e pelo menos usá-los como uma base para construir na 4ª peça para isso é Por favor, por favor , por favor, não carregue o pdf jpeg, PNG, qualquer tipo de imagem com texto agrupado nele. Este é um exemplo rápido do que quero dizer. A razão pela qual isto é uma má ideia é porque isto não responde. Então, se for para navegadores diferentes ou até mesmo para dispositivos móveis, vai ficar muito pequeno. E o texto não será legível. E não só isso, mas é ruim para a otimização do mecanismo de busca. Você verá algumas dessas coisas, e alguns dos construtores do site basicamente motores de busca. Eles não vão ser capazes de ler o texto que está nas imagens. Então você vai perder um monte de texto descritivo em seu site e você não será capaz de ser pesquisado é facilmente que não é o que você quer com o seu portfólio. 3. Comece a criar o site: ok, então agora vai realmente começar a criar um site portfólio. E usarei o projeto de um amigo para este portfólio. E ela foi muito gentil e realmente me deixou trabalhar com ela para montar esse portfólio . Então este é um portfólio real. Estarei montando eso. Esses exemplos estarão ao vivo, e vocês podem se sentir à vontade para conferir o site. Então você pode fazer referência a outros projetos. Eu não vou passar por tudo, mas eu vou passar por alguns dos grandes processos de como nós criamos este site, algumas das principais partes dele, e eu usei Wicks para construí-lo. Vocês podem assistir e aprender um pouco sobre Wicks se nunca ouviram falar dele ou de vocês quadrados ou qualquer construtor que preferirem. Mas o tipo de dicas e base de como colocar as coisas nos projetos será o mesmo, e eu serei aplicabilidade. E eu não vou gastar muito tempo em como realmente colocar tudo junto e mechas. Mas você terá uma base suficiente para fazê-lo sozinho. Então vamos começar. Então, se você for para Wickes dot com e você já tem alguns sites. Isto é o que vai parecer. Você pode ir para criar um novo site aqui e novamente. Este processo vai ser bastante semelhante para qualquer construtor de sites como o Squarespace ou alguns dos outros que existem. Hum, e você pode tipo de passar, responder algumas perguntas e realmente apenas tipo de escolher um modelo. E a maioria das bibliotecas de modelos que existem agora são bastante expansivas. Eles têm muito para escolher. E eles até agora eles têm, tipo, carteiras de designers que você pode escolher. Então, novamente, definitivamente sugiro escolher um desses e tipo de ajustá-lo e editá-lo de acordo com suas necessidades. Isso só vai te dar uma base muito forte. Muitos destes já respondem os tamanhos. São boas imagens parecem ótimas. Então vá em frente e comece com um desses. Então, se formos até aqui, este é o que eu selecionei e escolhi por uma razão muito específica. É bom e maximizar isso. Eu realmente gostei disso. Revelar animação aqui. E isso é algo que eu meio que quero construir. Mas se você rolar para baixo no resto do site. Este aqui, é muito legal, mas tem muita coisa acontecendo. Então, o que eu realmente vou didio é tipo de apenas separá-lo e apenas tipo de pegar este elemento principal e, em seguida, excluir todo o resto. E isso ainda vai usar o poder do modelo também. Porque se você clicar, esqueça. Como em qualquer texto deste, você vai notar que ele já tem temas. Então todo esse tamanho do Texas e meio que pronto para ir. Então, mesmo que você exclua muitas dessas coisas, você ainda está ficando como o poder do modelo. Então meu objetivo é realmente manter esse tipo de janela e tudo o resto por enquanto , eu vou deletar alguém para passar e começar a tirar pedaços. Mas vou adiantar isso porque não vai ser divertido só de me ver apagar um monte de coisas. Ok, então agora eu realmente só tenho um esqueleto de pé. Esse modelo anterior foi, mas está tudo bem, porque eu tinha muita coisa acontecendo, e nós realmente temos esse elemento principal, e é isso que queremos avançar com. 4. Como estruturar seu site de portfólio: Então isso é o que eu vou usar para exibir os projetos em destaque na página de trabalho. E a maneira como eu vou quebrar este portfólio não é realmente em três páginas principais. Isso vai ser uma página de trabalho que vai funcionar é sua home page e sobre page metal house como seu currículo e algumas de suas informações e um formulário de contato e, em seguida, suas páginas de projeto. Então é muito simples com essas três partes. E a primeira coisa que eu vou fazer é tipo de fazer a imagem de boas-vindas e cabeçalho. E eu vou usar isso como um lugar para você ter uma descrição sobre o que o designer aqui faz e uma espécie de apresentação, se você quiser. Então, o que podemos fazer? Vamos em frente e responder texto, e então é ótimo porque eu já tenho temas. Texto aqui para você para que você possa apenas pegar quem tem três. Na verdade, isso mudou isso. É um pouco grande demais, forte indo para você, e isso é como Teoh. E então o que poderíamos fazer é digitar um nome aqui, hum, e novamente, estou usando a informação de um amigo aqui porque isso vai ser um portfólio real. Então, se estou usando o nome de alguém, você meio que sabia o porquê. Então o que você pode começar aqui é como uma simples introdução de um nome. Isto é bastante comum. As pessoas colocam o nome na primeira página e depois copiam e colam isto. E então podemos adicionar algum texto sobre quem você é mais, vocês parágrafos um Então, para introdução, texto e tipo de fundo de quem você é, o que eu gosto de didio é incluir o seu cargo atual ou o seu cargo, que você quer ter uma espécie de como você está recebendo seu portfólio. E se você trabalha em algum lugar, eu gosto de limpar isso bem aqui, bem no blurb da frente. Justo, prove que você é um profissional ou talvez você tenha experiência profissional. Vai ter aquele cargo ali mesmo. E então apenas uma espécie de sinopse rápida e rápida sobre o que você dilatar. E então eu sempre gosto de incluir algo meio peculiar aqui. Meu amigo realmente constrói móveis minúsculos, e isso vai ser como um dos projetos que estou incluindo. Será um projeto bem pequeno, apenas algumas imagens, mas acrescenta um aspecto diferente a um portfólio, e mostra que, como se você também fosse um ser humano. Não é só trabalho. E então eu vou enviá-lo para nós na página apenas sobre. Ok, então uma vez que tivermos um nome e eu vou em frente e, tipo, editar este cabeçalho aparecer e o que eu fiz lá em cima com o menu foi escrever estes elementos para este verde. Tudo o que significa é que quando nós rolamos, esses elementos vão ficar onde eles estão fora, e isso foi realmente sobrado do modelo original. Mas é um elemento que eu gostaria de replicar para isso. 5. Adicione personalidade à sua página inicial: outro aspecto é Quem é você como designer? Isso é importante. Mesmo que eu disse para usar um modelo mais cedo, você precisa dedo do pé, tem um pouco de talento como não tenha medo de ser você mesmo em seu portfólio e vamos entrar em alguns métodos e dicas mais tarde nesta classe sobre como fazer isso. Mas definitivamente nunca tenha medo de ser você mesmo. Tudo bem ter personalidade em um portfólio. Ok, então agora que temos um nome e uma espécie de descrição da função local de trabalho anterior e, em seguida , apenas uma sinopse rápida sobre o que acontece, eu também vou adicionar um par como uma imagem ou algo acontecendo aqui à direita apenas para fazer a página um pouco mais interativo. Então, a coisa boa sobre usar muitos desses construtores de sites é que eles muitas vezes têm um monte de formas semelhantes e arte vetorial já pronto para ir para isso. Vou puxá-la em algumas formas, , porque isso se encaixa no estilo de um designer para o qual estamos montando isso e acrescenta um pouco de interesse no lado direito desta página. Então não é apenas texto, mas eu vou usar o mesmo processo e ir em frente e adicionar algumas formas aqui, e vamos avançar rapidamente através disso. Está bem? E agora que eu tenho suas formas na página e as cores acabaram de puxar de algumas cores anteriores para discutidas anteriormente com este designer, Então é sempre bom Teoh tipo de ter aqueles decidido de antemão e também como este texto em General, eu sei que eu copiei e colado sobre isso, mas é uma boa idéia ir em frente e escrever a maioria das coisas para fora. À medida que nos movemos para projetos, anexarei um documento que eu usei para definir projetos e, na verdade, digitar meus textos antes começar a colocá-lo para fora. E eu tenho que mostrar a vocês um exemplo disso uma vez começando, atrasando um projeto para fora. Mas outro aspecto legal de usar um construtor de sites é que você pode usar algumas pequenas animações, e eu geralmente não gosto de ir muito ao mar com estes. Mas é bom apenas adicionar um pouco de movimento para alguns desses elementos e vamos pré-visualizar este Este Yeah, ele parece, e o que eu vou dio é apenas replicar essa animação em cada uma dessas formas 6. Quais projetos a partir de e quanto tempo devem ser: Então, uma das primeiras coisas que você vai encontrar quando você está montando um portfólio é quais projetos você deve colocar em? A primeira parte dessa resposta é colocar em projetos que você quer fazer, como o que você quer fazer para uma carreira? Que tipo de trabalho você quer fazer em você? Se você gosta de APS móvel, então a maioria que você trabalha precisa estar em dispositivos móveis. Se você gosta de sites, a maior parte do seu trabalho precisa ser sites. Parece bem simples, mas na verdade as pessoas se enganam muito. E quando você divide seu foco e como duas ou três coisas, eu parei de acreditar que você é realmente bom em fazer lapso móvel ou produtos físicos e sites. Então, geralmente é melhor ficar focado lá, e a segunda parte disso é o tema do projeto. Se não é algo que você fez profissionalmente e facilidade de uso algo que você é apaixonado , e a razão é que você apenas gastar mais tempo em coisas que você é apaixonado por. Você também fala diferente sobre coisas pelas quais você é apaixonado, e isso geralmente é muito óbvio no trabalho. E também é muito óbvio mais tarde quando você entra no processo de entrevista e começa a falar sobre isso. E acredite em mim, isso faz uma enorme diferença quando alguém está falando sobre algo apaixonadamente, e a coisa é, você não vai realmente redesenhar a roda ou fazer um novo negócio de $1.000.000.000 com um estudo de caso, então é melhor ficar em um problema com o qual você está familiarizado. Não perca muito tempo tentando descobrir um novo problema louco ou uma nova solução louca. Mas certifique-se de que a área em que você se concentra é algo que você é apaixonado e confie em mim que vai poupar muito tempo no futuro. Então, um tópico comum de discussão é quanto tempo os projetos de portfólio devem ser? E não há uma receita exata para exatamente quanto tempo os projetos vão durar. Mas posso dizer a todos que não demoram muito. Então seu objetivo é realmente explicar os destaques do seu processo, e você poderia guardar decisões mais granulares para mais tarde em entrevistas, , mas ninguém tem tempo suficiente para ver cada decisão que você tomou em um projeto , então é melhor apenas mostrar destaques dessas decisões e tipo de mantê-lo para o médio a curto alcance para um projeto porque ninguém vai ser capaz de levar 30 minutos fora do seu dia para ler um projeto inteiro como um artigo médio. Então mantenha as coisas do lado mais curto. E enquanto essa primeira parte for boa e seus destaques do seu processo forem bons, você poderá pelo menos entrar em uma situação de entrevista onde poderá explicar muito mais dessas decisões mais tarde. E enquanto essa primeira parte for boa e seus destaques do seu processo forem bons, você poderá pelo menos entrar em uma situação de entrevista onde poderá explicar Mas não sinta a necessidade de realmente apenas ir artigo médio sobre ele e ter um enorme, longo projeto de rolagem, baby. 7. Como criar sua página de casa (trabalho): Ok, agora que esta parte está feita, isso vai servir é a nossa home page e tipo de a primeira coisa que você vê uma vez que você entrar e a próxima coisa, nós vamos querer começar imediatamente o trabalho. Uma das coisas com portfólios é que está tudo bem ter algum tipo de introdução, como imagem ou bit bem na frente. Uma das coisas com portfólios é que está tudo bem ter algum tipo de introdução, Mas praticamente o próximo passo absoluto só precisa ser o seu trabalho, porque você precisa pensar sobre isso no contexto de um recrutador. Como se alguém estivesse olhando para 100 sites por dia, eles realmente querem chegar ao seu trabalho muito rapidamente. Então você pode fornecer alguns links aqui ou apenas ter certeza que a próxima parte disso será seu trabalho. E então o que vamos fazer aqui é eu vou substituir esta imagem pelo primeiro projeto. Assim que eu conseguir a primeira imagem lá dentro, eu realmente vou mudar a cor de fundo para coincidir com o telefone aqui. É uma boa idéia para com antecedência ter este tipo de escrito para baixo ou salvo em um determinado ponto. Se você está projetando em outro, como ilustrador um esboço W X D ou algo assim. Bom. E salve as cores que você deseja usar, que você possa simplesmente aplicar rapidamente os códigos hexadecimais. Isso é o que eu estou indo para fazer referência a outro arquivo para que cor realmente quer usar aqui. Ok, então nós temos a cor não vai ouvir o que eu vou fazer é realmente mover este texto para cima porque eu realmente não quero que isso se sobreponha com o telefone. A razão disso é porque estamos realmente perdendo algum texto nesta imagem. E mesmo que poderia ser um elemento estilístico legal se ele se sobrepusesse, bem, bem, sacrificar estar acabado para ler texto para ele. Então eu vou puxar estes e só um pouco, hum, nós contratamos isso também. Agora podemos visualizar isso. Ok, então ainda está recebendo aquela animação que gostamos antes. Leva aquele lá em cima. Na verdade, vou puxar estes elementos só para estar um pouco perto de vocês juntos. Ok? Vou adicionar um botão aqui também. E esse botão vai ser o único que nos leva ao projeto real para que possamos simplesmente escolher o botão temático que eles já têm. Pronto para ir e depois mudaremos o texto para Míssil. Basta salvar você Project Preview que a coisa legal sobre usar esses botões temáticos é que eles já têm estados de foco e estados rápidos. Então, é bom que essa interação adicional tenha sido feita quase imediatamente. Este é um mouse animado que vamos adicionar o branco e animação, e isso é apenas assim que é o mesmo que todas essas outras coisas antes. Então, se você visualizar isso, nós obtemos todo o planador que está olhando do jeito que queremos que volte para o editor. Eu posso ir em frente e atualizar este texto está bem, então eu vou tirar aqui. Este é o trabalho profissional dos meus amigos. É o nosso trabalho da Verizon Connect. E se você tem experiência profissional, eu sempre aconselho que é o primeiro projeto, porque esse é geralmente o trabalho que você tem mais profundidade em. São coisas que as pessoas te pagaram para diligir. Então, é muito importante que se você tem trabalho profissional, certifique-se que isso é o que está na frente e centro andan estudos de caso de uso como trabalho da escola pode vir depois disso porque eu sei que é preciso. Leva alguns anos antes de você ter um monte de trabalho, Mas novamente, Mas novamente, basta manter o seu trabalho profissional sempre em primeiro lugar na página. Então, se você ouvir isso mais uma vez, tudo bem, está bom. Voltará para o editor. Agora eu vou fazer aqui é realmente replicar exatamente a mesma coisa e eu vou apenas certificar-me que isso está realmente fazendo a mesma coisa que eu quero. E tem o efeito de revelação, e isso foi transferido do modelo original. E é isso que fará com que a próxima parte pareça muito legal. Então eu estou apenas copiando e colando isso sobre incrível. Isso funcionou divertido. E então esta será a próxima página do projeto. Então vá em frente e solte essa próxima imagem e eu provavelmente rápido para este pedaço é Bem, ok, agora que eu tenho esses dois projetos em, eu vou em frente e pré-visualização. Isto vai começar do início da animação dentro e novamente, o primeiro projeto é o trabalho profissional aqui, e o segundo vai realmente ser um estudo de caso. E porque nós copiamos e colamos esses elementos diretamente sobre, ele realmente obtém esse efeito revelador muito legal e o projeto desce por baixo. Mas eu vou empurrar este texto um pouco mais porque isso é muito lotado. Bem, talvez a deixemos. Ok, então isso deve ser bom para os 2 primeiros projetos. E apenas para referência a este 1º 1 é um projeto profissional. Neste próximo será um estudo de caso, e eu vou ver maneiras de colocá-los para fora. Este, meu amigo, não pode mostrar tudo porque parte ainda não foi lançado. Então eu vou estar falando sobre como explicar qual é o papel dela lá, hum, e para este, este aqui para ser um estudo de caso mais tradicional, e eu vou passar por todo o processo de como isso é definido, e assim para a próxima parte. Então precisamos deslizar esses elementos para baixo em um ano lotado, então apenas arraste isso para baixo. Se você planeja usar mechas, Se você usar este arrasto, ele realmente empurra todos os elementos para baixo. Portanto, geralmente é melhor usar arrastar do que é para um clique e mover algo. Então rastreamos isso. Se eu de tudo realmente vai apagar esta cor de fundo também. Na verdade, vou apagar isto tudo, está bem? E então eu vou apresentar três projetos aqui, então nós podemos copiar e colar isso novamente. Não, vá em frente e mude o fundo da tira para isso. Olha, basta torná-lo uma cor é um espaço reservado. É roxo. Então eu não vou adicionar este projeto para esta classe só porque seria muito longo. Mas eu vou apresentar três projetos aqui e depois abaixo disso o que eu vou fazer você é em um controle deslizante. Isso é um controle deslizante aqui para outro trabalho? Porque você provavelmente tem mais de três projetos. Você deve realmente apontar para ter, eu diria que pelo menos cinco se você tem realmente projetos longos, o que eu não exatamente encorajo. Mas se houver muita profundidade lá, você pode se safar com menos do que isso. Mas eu geralmente apontaria para como, cinco projetos sólidos s o. Eu vou estar adicionando um controle deslizante aqui como uma apresentação de slides apenas para que possamos mostrar algum trabalho. Isso já foi feito, então você pode apenas adicionar um controle deslizante aqui e visualizar isso Então volte para o final deles e não você devolta para o editor. Isso já foi feito, então você pode apenas adicionar um controle deslizante aqui e visualizar isso Então volte para o final deles e não você de E o que eu faço aqui também é esticar isso para brincar com porque tudo o resto no site está cheio de, hum e torná-lo um pouco maior. Ok? E depois vamos arrastar isto para cima. Vou deixar um pouco de espaço branco aqui, na verdade. Ok, então só do início, temos nossa apresentação, e isso vai ser o que você vai fazer. E depois temos o nosso primeiro projecto. Você deve sempre colocar seu primeiro projeto para o seu trabalho profissional na frente. Aqui será um estudo de caso, e então aqui provavelmente terá 1/3 projeto ou outro projeto profissional. Depende de quanto trabalho você tem. E então aqui o que teremos é, tipo, outro trabalho, porque temos três projetos em destaque. Mas é provável que haja mais do que isso. Então, podemos adicionar pessoas adicionar o título três vai ser muito irritante com ele. Então, se você voltar para o topo, você vai notar que, na verdade, meu amigo constrói móveis minúsculos. , Na verdade, é bem interessante, e ela é muito boa nisso. No DSO vamos incluir isso no portfólio deles. Então isto é o que esta pequena apresentação de slides de fundo será dedicada. Teoh, não vou mudar muito aqui, mas podemos mudar esses slides, e o que vou fazer aqui é carregar imagens de suas pequenas casas. É como um pequeno amigo compartilhar casas minúsculas. E não, não está necessariamente relacionado com seu trabalho diário, mas é uma coisa bem interessante que mostra ofício e personalidade e outro aspecto. Então eu encorajo todo mundo a colocar como um tipo de projeto paralelo ou um projeto como paixão que não tem que estar relacionado com produtos digitais, então definitivamente se sentir bem para fazer isso. Também ajuda a tua personalidade a definir quem és, , mas vou carregar essas imagens e vou deixar que esta seja um espaço reservado por enquanto. Mas agora que quando você vê o produto final, é por isso. Adicionado que, E assim para o rodapé, isso é bastante padrão. O modelo que você escolheu pode ter isso definido para você. Bem, hum, mas é sempre bom. Teoh, talvez colocar como contatos sociais na parte inferior excesso algumas predefinições para estes e você. O que você faz é você apenas vincular cada um desses Teoh suas contas sociais, e isso também ajuda com Seo, então é mais fácil para os motores de busca encontrá-lo se tudo estiver vinculado aqui. E eu sempre gosto de adicionar, hum, alguns botões que levam Teoh a outros lugares no site. Então você só agarrou aquele botão. Este é o mesmo. Mudei o mesmo quando usei na barra de menus. Não mude o texto aqui e podemos entrar em contato. E então o que isso vai fazer é que se eles estão na parte inferior dessa página, eles sempre sabem onde te encontrar. Você também pode colocar isso é currículo ou algo nessas linhas, ou até mesmo ter, como, uma navegação para alguns outros projetos. Mas esta é uma aposta muito segura para um pé ou design e novamente para a versão final. Eu não vou fazer isso aqui, mas eu vou sair e preencher isso com outro trabalho só para mostrar um exemplo disso para o site final. E isso também vai ter uma pequena foto de móveis que não vamos entrar agora, então isso é basicamente para o que nossa página inicial vai ser. E novamente, sua página de trabalho é sua home page. Vamos precisar mudar isso. Eu gosto, mas você tem sua apresentação. Você tem seu primeiro projeto, e você pode colocar isso em uma grade ou algum tipo de imagem horizontal como este Segundo projeto. Em terceiro lugar, eu gosto de apresentar 2 a 3 projetos, e então você pode ter outro trabalho definido. No entanto, você parece bem, mas vamos voltar para o editor para baixo, e eu vou avançar um pouco disso só para fazer algumas coisas de limpeza. E se você notar algumas pequenas diferenças na versão final, isso é só porque eu tinha que editar algumas coisas em algum momento de qualquer maneira. Então, nada drástico lá se algo for um pouco diferente. 8. Como criar sua página de sobre o design: Então o que podemos entrar agora é realmente ir para a nossa página sobre, que não está ligada a nada ainda. E eu vou fazer algumas edições rápidas neste menu também, e vamos fazer isso rápido. Então vá em frente e adicione uma nova página, e esta será a nossa página sobre fechar. É útil para você porque o cabeçalho no pé já tem apartamento sobre. Então o que vamos fazer aqui é apenas adicionar algumas informações sobre você ou Shannon neste caso, o designer. E se você estiver usando novamente um construtor de sites, pode ser útil olhar ao redor e ver se há algo que você pode usar aqui. Não adianta redesenhar a roda. Se algo já funciona muito bem, eu realmente gosto deste. Acho que este é muito fixe. Este é o que eu uso e definitivamente vai mudar este texto aqui para coincidir com o nosso tema. Então, em cerca de páginas, geralmente você pode ter uma explicação mais longa de tipo de quem você é, o que você dio que é apenas para interpretação. Ali. Tudo o que você quer colocar, Eu gosto de ter botão muito óbvio eles para um currículo. Porque as pessoas vão querer isso. O Teoh. Se o teu trabalho for bom, vão querer ver o teu currículo. E é bom manter isso comigo sobre a Paige e mantê-lo bem óbvio. E eu vou fazer o projeto deles um pouco também. E cabe a você quanta informação você quer dar sobre si mesmo aqui também. Eu definitivamente não daria um endereço de correspondência exato, então eu não tornaria isso muito fácilde encontrar. Eu definitivamente não daria um endereço de correspondência exato, então eu não tornaria isso muito fácil Mas eu acho que está tudo bem, tipo, digamos, onde você mora e talvez contar um pouco da sua história aqui. É apenas como um pouco mais de interesse para o seu trabalho meio que coloca um rosto por trás disso. Então, está tudo bem ter alguma informação aqui, mas novamente, mas novamente, não se jogue na sua Segurança Social ou algo assim. Mas o designer fazendo este quarto, na verdade de Delaware, mas foi para a escola e agora trabalha em Atlanta. Hum, então que tipo de fazer isso um aspecto dela sobre Page também. Se eu posso soletrar Atlanta corretamente, ele vai realmente usá-lo diferente em maneiras 40 indo para talvez assim. Esta é praticamente a fórmula usada para cerca de páginas, você pode adicionar apenas qualquer interesse visual aqui que você quiser também. Para este, vou acrescentar como uma imagem do estado. Para este, É uma boa página ou sobre e, em seguida, apenas tem ícone Stella Rare. E não vamos deixar que seja tão grande e mandaremos isto de volta. E para manter a linha com outras animações nesta página, Vou fazer thes Clyde e apenas um pouco. Vês como isso funciona? Eles geralmente não passam por cima com animações. Gosto de espetar uma animação como se eu só usasse o deslizamento aqui. Não gosto de misturar várias animações. Geralmente é muito louco. Andam você pode atualizar. Claro, eu vou atualizar esta imagem antes que o site realmente fique ao vivo. Mas também adicione. E este é um formulário de contato muito importante. Você pode escolher entre qualquer forma pré-fabricada que você gostaria. É muito útil ter um desses. Você definitivamente precisa de um. Então você só pega tipo de vitória genérica e eu vou minimizar este jogo com um tamanho um pouco. Então o que eu vou fazer é ir em frente aqui e editá-lo e ter certeza que é o nosso tema. Mas eu vou e rápido para esta parte. Ok, agora que isso está consertado. Então, novamente, a parte principal disso é que você pode ter uma imagem de si mesmo. Definitivamente sinta-se livre para fazer isso, porque as pessoas vão te procurar assim. De qualquer forma, um, tem um link para o seu currículo, e o que você pode fazer é transformar isso em um download rápido de PDF para alguém pegar muito importante para incluir aqui. Pode se sentir livre para contar o máximo de suas histórias que quiser. Eu acho que é muito interessante se esta porção é meio longa. Isso é definitivamente com você. E apenas certifique-se de que há um formulário de contato também porque, acredite ou não, as pessoas realmente vão chegar até você através disso. Eu definitivamente recebo algumas mensagens na minha toda semana, então certifique-se de que você tem algum tipo de formulário de contato. E no caso de você não querer colocar como seu número de telefone ou coisas assim em seu currículo, alguém tem um lugar fácil para chegar até você aqui. Isso é sobre isso. Para o nosso, hum, sobre Page vai pensar. Olhe isso de novo. Acho que está tudo bem para a maior parte do tempo, então vamos voltar ao editor. E então o que podemos fazer é garantir que eles usem realmente ligados a tudo. E novamente, isso vai muito e qualquer construtor de site usando. Mas se você estiver usando Wicks, um, é muito fácil fazer isso, então você pode simplesmente entrar e vincular cada um deles à página e faremos a mesma coisa com contato. Mas aqui o botão de contato será realmente ligado à página sobre, o que é bom, tão bonito que novamente voltar para a nossa página de trabalho. 9. Como lidar com o trabalho profissional que você não pode mostrar: Mas agora podemos entrar em como vamos apresentar alguns desses trabalhos. A primeira coisa que faremos é criar uma página de projeto para esta experiência de trabalho profissional. E neste caso, não podemos mostrar uma tonelada do que Shannon fez por um projeto. Então eu vou entrar em como você pode contornar aquele Sobel para você acabou de trazer Adam sua página aqui, e então vamos chamar isso de zumbido. São os produtos do projeto em que ela trabalha. Tão feito. Então, a primeira coisa que eu vou querer fazer para isso é ter uma foto de beleza do que é o produto . Então cada projeto que você dio precisa começar com uma foto de beleza. Então o que podemos fazer aqui é ir ao anúncio e podemos em um strip e o que isso vai ser. Então vamos ter uma tira de imagem normal. Vamos pegar este, e vamos fazer isso muito maior. E o objetivo disso é que você quer que isso seja uma foto de beleza do seu projeto. Eu coloco cada ideo de projeto como este. Então para este um vai mudar o fundo e vamos usar um civil pegar um aqui e isso é realmente apenas como uma imagem de marketing genérico para o produto em que ela trabalha, e nós vamos mudar a cor de fundo também. Teoh as mesmas calorias na frente. Então eu aconselho todos a começar com algum tipo de imagem de beleza. E novamente, não podemos mostrar que os detalhes nunca funcionam aqui, mas podemos mostrar esse tipo de marketing genérico e explicar o produto e seu papel mais tarde disse. Vamos em frente e adicionar outra seção aqui então, na verdade, geralmente gostam de manter o texto um pouco mais apertado, em seguida, o saldo do site. Geralmente, você quer que tudo, cada pedaço de conteúdo esteja dentro deste tipo de diretrizes aqui para a esquerda e para a direita, mas na verdade como o texto seja um pouco mais próximo do que isso. Então o que você pode fazer é realmente ligar linhas de grade e qualquer produto que você está fazendo. Então vamos ligar as réguas e entrar sobre Você pode estar certo cerca de 200 então apenas um rápido agora aqui, hum, hum, eu gosto de páginas de projeto de layout do dedo à mão. Eu realmente não gosto de usar modelos para isso, mas se você achar que o modelo que você está usando tem uma página de projeto realmente boa. Definitivamente sinta-se livre para usar isso ou apenas fazer algo como eu estou fazendo aqui. Eu mantenho tudo muito simples na página do projeto. Eu não gosto de usar uma tonelada de animações ou qualquer coisa assim, e eu meio que em um minuto você não quer que isso seja itálico. Então o que eu gosto de Dio é meio que deixar o título do projeto bem claro. Eu divido as coisas em, tipo, três colunas essencialmente, e eu sempre gosto do dedo do pé deixou uma linha e manter um texto importante por si só. E então você gosta de um blurb de texto aqui se precisarmos dele. Então mantenha o título do seu projeto bastante óbvio à esquerda, e então você pode colocar tipo de texto descritivo para a direita, e eu vou realmente usar esses livros didáticos para medir aqui. Vou avançar esta parte. Então, no caso da Shannon com este projeto, ela fez muito trabalho. Mas ela só está lá há dois anos, então ela não pode mostrar uma tonelada do que ela fez porque algumas delas não foram lançadas, ou algumas delas foram usadas para apresentações de roteiro e coisas dessa natureza. Então o que podemos fazer aqui é falar sobre o papel dela na equipe. E o que eu gosto de fazer é explicar que você não pode entrar em detalhes sobre as coisas, mas dar às pessoas contexto do trabalho. Só porque não lhes podes mostrar exactamente o que fizeste, não significa que não lhes possas explicar o tipo de coisa em que trabalhas. Uma das minhas maiores piadas de estimação é quando as pessoas protegem completamente algo que eu entendo que você não pode compartilhar exatamente o que é o seu trabalho. Mas com a pior e mais frustrante coisa a fazer é colocar, tipo, tipo, uma imagem de beleza, deixar-me realmente animado sobre o que, o que vai ser o trabalho. Eu clico nele e então ele só diz “Protegido por senha” como se fosse Por quê?” Por que colocou lá? Quero dizer, eu sei que as pessoas estão colocando isso lá apenas para provar que eles têm experiência profissional, mas pelo menos como me dar algum contexto do que é porque a coisa com projetos, como todos têm estado na situação em que eles sabem as pessoas entrevistando um portfólio Entãoas pessoas entrevistando um portfólioentendem que, e se você trabalhou para uma empresa maior,também é muito útil porque eles geralmente têm marketing. e se você trabalhou para uma empresa maior, E eles têm marketing. Uh, eles têm, tipo, conteúdo de marketing que eles já criaram para muitas dessas coisas, então você geralmente pode ligar essas coisas em zumbido. Por exemplo, o produto em que Shannon trabalha tem um vídeo no YouTube, e o que podemos fazer dio é realmente apenas vinculado esse vídeo aqui e o que está indo para Dio acabou de deixar alguém entender o contexto do seu trabalho. Vai demorar um segundo e viver lá, e assim no topo, você tem o nome do projeto. Aqui está uma descrição sobre o papel de Shannon. Você não pode entrar em detalhes sobre tudo o que sentiu design, mas um vídeo para dar contexto a ele. Você poderia fazer isso de outras maneiras, também. Prefiro não se sobrecarregue. Não adianta fazer trabalho profissional, , então explique que não pode mostrar tudo. Eu definitivamente não aconselho as pessoas a realmente mostrar coisas, e então nós vamos adicionar mais um pouco aqui, e o que eu faço é apenas copiar e colar este texto sobre. Ok, então algo assim vai ficar bem. Então eu geralmente gosto do dedo do pé tem dois ou três métodos sobre como exibir texto. Um tipo de bloco de texto menor que me permite, tipo, colocar uma tela aqui ou apenas um tipo de artigo tradicional como configurar ou ter um título e depois texto aqui. Eu gosto de ser capaz de usar ambos, mas o que você vai ouvir é falar um pouco mais sobre os detalhes do trabalho, e eu não quero dizer que detalhes estão em dizer exatamente o que foi feito ou o que estava acontecendo, mas apenas tipo, Essencialmente o artigo no seu currículo, currículo, e falar sobre o quê? Seu papel na empresa Waas, o que você fez no seu dia-a-dia como a vida lá trabalhou arrogância. Mas só para dar um contexto sobre o que está acontecendo, porque se você pode imaginar se nós voltarmos , porque se você pode imaginar se nós voltarmos para a nossa página de trabalho. Vê essa experiência de pouso? Ele cresceu neste projeto. Você tem tudo isso aqui. Vês alguma coisa? Você está muito animado com o que é o projeto. E se você clicou lá e foi para senha proteger como e apenas tipo de desligá-lo . Isso é uma grande decepção. Quero dizer, você nem mostra uma provocação ou algo assim. Então, se você não pode, se você tem coisas que são protetoras do que a Índia, por favor, por favor, por favor, por favor, apenas, como encontrar uma maneira de mostrar algum contexto do que você fez. Não precisa ser exatamente isso, mas é útil para você pelo menos mostrar algo e teremos que conectar isso, mas daqui a pouco. Mas nós vamos entrar e apenas esta página hype. E para este projecto, isto é tudo o que vou fazer. Mas apenas usando, como alguma imagem de marketing do produto e um vídeo de marketing já está dando uma boa quantidade de contexto sobre o que ela faz em uma regra profissional. E então a última coisa a adicionar e eu gosto de adicionar isso a cada página é na verdade uma tira de galeria para outro trabalho, e você pode selecionar qualquer tipo de tira ou galeria como, hum, apenas a galeria profissional tradicional. Tudo bem, e sem dois anos realmente excluir um pouco disso porque ela não vai realmente ter tanto trabalho. Isto é muito extremo. Seis está bem. Bem, Dio, estique isso e no final de cada projeto, sempre coloco opções para outros trabalhos. E isso é apenas assim, se alguém termina um projeto, é muito fácil para eles selecionar algo novo. Hum, para que eu possa atualizá-los com projetos assim que eles obtiverem um banhado e propósitos publicados. Mas a idéia aqui é que você seria capaz de clicar em um novo projeto no final de cada página do projeto , e isso vai manter as pessoas. Vai permitir que as pessoas passem facilmente pelo seu trabalho, uma coisa boa para colocar literalmente em cada página. Isto vai arrastar isto um pouco para cima. E novamente, vamos conectar isso com a página inicial e ver como ele parece. Então vamos anexar este botão com essa página. Vamos pré-visualizar. Certo, agora, quando clicamos em um projeto, você é largado para isso. Temos o nome do projeto, uma descrição do papel, algum contexto do produto em que ela trabalha e, em seguida, uma descrição adicional do papel. E as pessoas vão entender aqui que você não pode mostrar exatamente o que você faz. Você também pode explicar que todos entendem isso. Mas então eles têm um link rápido para algum outro trabalho que eles podem selecionar rapidamente aqui. Então eles não são apenas deixados pendurados, então, por favor, não deixe as pessoas penduradas com isso. Este tipo de trabalho. 10. Como criar uma página de estudo de caso: Ok, então agora para o projeto, isso é mais como um estudo de caso. Então isso é provavelmente para ser um pouco mais relacionável se você tem, tipo, um projeto escolar, qualquer tipo de estudo de caso coisas como essa. Apenas algo que você não fez por dinheiro. Basicamente, hum e este é o que eu vou estar passando por todo o processo. Então, o que podemos dio é realmente apenas ir e replicar esta primeira página do projeto. Então você apenas duplica e assim tudo vai ser colocado para fora. O mesmo a partir do nome deste projeto é colherado. Então vá em frente e crie essa página. E então o que vamos fazer é mudar essa foto de beleza. E novamente, vamos começar com a foto de beleza. Então eu vou apenas para esta pasta e selecionar as imagens de cabeçalho. E então nós também vamos mudar a cor da página e então eu vou ir em frente e começar a atualizar esta informação aqui e quando é um produto que, como as pessoas não são maneira familiar lá como um estudo de caso, eu gosto de adicionar um simples descritor simples do que é, logo abaixo do nome. Portanto, este produto na verdade é destinado como uma comunicação entre agricultores e bancos de alimentos porque os agricultores realmente jogam fora toneladas de alimentos que eles poderiam realmente doar. Você gosta de adicionar algo simples lá para explicar, como o que estava acontecendo e novamente para a direita, também uma descrição do que é o projeto. Você gosta de adicionar algo simples lá para explicar, como o que estava acontecendo e novamente para a direita, Então eu vou realmente puxar isso para cima. Não, inclua isso para todos. Deixe-me arrastá-lo para todos os lugares. Inclua isso para todos. Mas eu tenho uma página de layout de projeto para cada um desses projetos. Este é o tipo de fórmula que eu gosto de seguir, e é muito útil para preencher isso de antemão. Vai poupar muito tempo, porque é muito demorado. Só estou tentando digitar essa informação enquanto você vai. Mas também irá ajudá-lo a preencher e colocar para fora uma página como esta. Então vou adicionar isso e descrição para todos. Mas só para que saibas, não estou a arrastar e largar tudo isto de antemão. Ele foi colocado e meio que colocado para fora e novamente para a direita. Temos parte dessa descrição. Então, uma explicação do projeto e do problema aqui e você também pode incluir qualquer tipo de informação de companheiro de equipe, como qual foi o seu papel na equipe para a maioria dos estudos de caso. Você provavelmente fez tudo sozinho. Contanto que explique que é um ano de estudo de caso, como o Projeto de Pesquisa Rápida, isso é bastante óbvio. Então a próxima coisa para este projeto será tipo de explicar a base do problema . E para fazer isso, vou avançar alguns projetos. E a primeira coisa que vou fazer é colocar uma pesquisa aqui. Algumas como estatísticas que foram feitas para ajudar a descobrir o problema, para começar. Ok, então esta é apenas uma maneira de expor algumas das pesquisas iniciais que foram feitas para este projeto. Hum, eu não tenho isso agora, mas eu provavelmente vou adicionar um link de onde esta, hum, esta pesquisa veio sempre útil. Teoh visão Suas fontes aqui apenas adiciona credibilidade aos estudos de caso, mas também dá respeito a quem fez a pesquisa porque definitivamente quer dar respeito , dar respeito. Você quer Oh, você sabe, ter certeza que todos têm os direitos de seu próprio trabalho. Então definitivamente sempre deixe cair um link para citar pesquisa. Feito aqui. O que vai lidar com isso também? Também tipo de fazer um deslize em animação com ele também. Então, pré-visualize isso. Certo, então temos nossa imagem de beleza. Temos um nome simples e a descrição do projeto. E novamente, normalmente, rolos seriam incluídos aqui, dependendo do projeto e, em seguida, um tipo super sucinto de descrição do que é. E eu gosto de exibir qualquer pesquisa, novas coisas milagrosas desta forma. É muito mais envolvente fazer isso do que apenas colocá-lo em como um grande livro didático. Então eu encorajo a todos que se você tem algum dado como este, pense em uma maneira como este, você pode se sentir livre para usar este método para exibi-lo. Mas este é apenas um caminho melhor. Posso explicar a base do problema? Porque é isso que estamos fazendo aqui neste primeiro passo. Tudo aqui vai explicar o que fizemos para descobrir o problema. E então eu vou adicionar mais uma seção a isso também, para apenas tipo de completar algumas das pesquisas que aconteceram. E eu vou avançar isso, bem assim, novamente aqui é útil ter, como mechas e squarespace fornecendo ícones e coisas que você pode usar. Então, em qualquer oportunidade, você pode usar a vantagem que eu encorajo. É grátis aqui para usar para as pessoas, então, definitivamente,aproveite isso. É grátis aqui para usar para as pessoas, então, definitivamente, Certo, agora que já fizemos essa parte, vou adicionar um ligeiro desvanecimento na animação. Não quero que tudo na página fique feliz, certo? Necessariamente. Mas eu quero que este tipo de dedo infográfico tenha um tipo melhor de animação para torná-lo um pouco mais interessante. E mais uma vez, este tipo de fax aéreo que realmente descrevem o problema. E é isso que toda esta primeira seção é dedicada. Teoh é o processo de descobrir o problema. Então eu meio que desabafando o que estava naquele documento e quão tarde essas coisas saíram. E temos mais um aspecto. Teoh adicionar à primeira parte deste processo, e isso é uma análise do sistema e das partes interessadas que foi feito. Alguns apenas copiam e colam sobre este texto sobre. E esta vai ser a última parte desta fase como descoberta essencialmente como a base do processo. É assim que gosto de lhe chamar. Então você pode rolar isso e copiar e colar isso desse documento e o que poderíamos Dio é adicionar uma imagem disso. Então este é um tipo de serviço no diagrama das partes interessadas. Foi feito neste projeto, e um monte de trabalho foi para ele. E na verdade foi baseado em um dia inteiro gasto com, hum, passado com os usuários. Então com um fazendeiro, o distribuidor, e depois alimentando as pessoas famintas em um banco de alimentos. Então, há muita profundidade que entrou nisso. Hum, então nós vamos difundir parte do texto é na verdade meio pequeno neste diagrama. Então o que podemos fazer é realmente definir este Teoh. Quando você clicar nele, ele aumentará o zoom. Então, quando clicado, você pode dio que pode ser ampliado. E então, se você tem algum tipo de diagrama grande como este, hum, hum, encoraje as pessoas. Teoh sempre tem o recurso Zuman caso as pessoas queiram ampliar e ler algumas das coisas nele. Sempre útil,toque útil. Sempre útil, Isso é apreciado com certeza, mas vamos enviá-lo para nós uma onda, e isso é apenas uma nota rápida sobre este tipo de processo de pesquisa. No início, havia uma tonelada de coisas que entraram neste sistema e análise das partes interessadas. Houve um monte de críticas. Havia um monte de citações. Houve entrevistas com usuários. Houve visitas ao local. Mas para este projeto, o destaque e o resultado de tudo isso é, na verdade, este diagrama. Então, há mais conteúdo para colocar aqui, mas porque temos que estar conscientes de quanto tempo o projeto vai durar, apenas tendo isso e tipo de ah, descritor geral do que é é um melhor uso deste espaço. Porque se nós realmente estourar isso e se você pode imaginar que cada um desses passos teria imagens, citações e coisas dessa natureza, este seria um projeto super longo. Mas novamente, o objetivo aqui é mostrar o destaque do processo, não todo o processo. Sobre a coisa boa de ter todas essas coisas tipo de sobra é que se você entrar em um ambiente de entrevista, você tem muito mais que você pode mostrar aqui e, em seguida, sempre parece bom dedo do pé tem, como o seu portfólio frente frente e, em seguida, ter coisas que, se você precisar, você pode explodir em uma apresentação completa sobre o seu processo. Então, novamente, este é apenas um destaque aqui, mas ele faz um bom trabalho ao descrever todos esses elementos móveis que muita pesquisa entrou em. 11. Informe seu problema: e eu geralmente gosto de fazer isso uma declaração muito ousada em punchy. Eu gosto de colocar o problema em algum momento na página e o que estamos resolvendo para vários Tiu bastante óbvio. Na verdade, isso é bom. Vamos ficar com o tamanho e, em seguida, vou pegar um dos meus problemas declarações daquele documento e bem ritmo para dentro. Na verdade, edite este texto apenas um fio de cabelo. Vamos descer para 40. Incrível. E então eu vou destacar algumas coisas importantes nesta declaração que nossas soluções vão diretamente se relacionar com você. Não. Ok, então novamente, isso é como o resultado e o resultado de, tipo, toda essa pesquisa sobre novamente, havia uma tonelada mais pesquisa que realmente entrou e o contexto de um monte de imagens, um monte de citações e um monte de outras coisas que poderíamos ter escrito sobre aqui. Mas novamente, isso é sobre os destaques e sobre chegar a este ponto de uma maneira bastante concisa. Não se trata de soletrar cada e tudo o que foi feito neste projeto em gritty muito tudo depois disso vai ser baseado em solução. Então vá em frente e comece a entrar na casa. Realmente tão ruim 12. Como exibir sua solução: e novamente eu estou indo para copiar e colar perder mais, e como você quer começar a colocar, a solução para fora novamente é para interpretação. Eu gosto de começar com quaisquer elementos de branding que foram criados antes de eu realmente entrar , como, nesta solução e os principais aspectos do design. Então adicione como um rápido resumo da marca para o produto. Ok, então agora nós temos um tipo de explicação rápida do que a marca é tipo de avanço, algumas das cores e as telas também. E a próxima coisa que eu gosto de fazer é ter, tipo, uma característica chave bastante concisa Chamar para fora porque eles geralmente são como começar com uma espécie de imagem de beleza estática da página principal e, em seguida, adicionar alguns explicação do que está acontecendo na tela. Então o que podemos fazer é apenas uma pesquisa puxar este texto de aparecer então eu geralmente gosto de relacionar o que eu estou chamando para fora com esses elementos de volta para os pontos de pinch de um topo, só para que fique muito claro, Hum, o que é que nós colocamos por abordamos as coisas que abordamos no design e acho atualizar este texto. Ok, então o que eu costumo fazer é colocar alguns descritores rápidos de alguns dos principais elementos na página e apenas os principais recursos novamente desta página inicial. E então podemos mover para baixo e eles geralmente gostam, para este próximo passo, geralmente escolher três outras características principais do aplicativo e, em seguida, destacá-los individualmente. Eu gosto de fazer isso com este texto à direita e, em seguida, a imagem à esquerda, Então, uma cópia e colar isso para baixo. E a primeira coisa que quero discutir é uma espécie de embarcar, e isso varia. O que vai atrás, como uma descrição de característica chave, um, mantê-lo bastante exclusivo para o projeto e exclusivo sobre, como, a solução, por exemplo, como no embarque não é único aqui, mas o ah a bordo é único, mas no embarque não é normalmente como algo que tem que ser único. O processo de embarque neste realmente inclui uma grande quantidade de informações de distribuidores, o que é um aspecto muito legal. E algumas das coisas que notamos que somos um ponto de aperto. Então é por isso que eu estou incluindo uma longa história curta apenas certifique-se de incluir coisas que ar solução única e interessante. Um, como uma página de entrada é interessante, hum, é necessário, mas não é algo que você gostaria de destacar para que possamos pré-visualizar isso muito rápido. Está bem. Normalmente gosto de usar presentes nessas situações. Só ajuda a explicar o Mawr do que está acontecendo. Você não tem que colocá-lo, mas geralmente falando como se isso fosse poupar algum espaço, porque eu posso colocar algumas telas e um presente. Não preciso ter três telas aqui paraexplicar o que é importante sobre o embarque. Não preciso ter três telas aqui para explicar o que é importante sobre o embarque. Hum, isso pode ir. Eu poderia fazer outro vídeo mais tarde sobre como criar presentes como este é, bem , um, me avise se alguém estiver interessado nisso. É um pouco mais fácil do que você pensa que seria. E então eu repito esse processo, hum, para geralmente cerca de três seções principais da solução. Então você contrata esta cidade, e eu gosto da alternativa à esquerda e à direita da página. Só para que nem sempre seja tão previsível sobre onde as coisas vão estar, mas novamente, vou fazer isso e repetir os destaques do que é a solução. Mas eu vou em frente rápido aqui. Ok, então agora que o principal apresenta uma solução ou disposta, temos as principais áreas destacadas aqui com alguns descritores. E novamente, isto é para mim os destaques da solução e as partes únicas sobre ela. Eu não sinto a necessidade de entrar em super detalhes sobre cada tela que você projetou. Você pode salvar isso para a entrevista novamente, mas você só quer que alguém seja capaz de percorrer e entender as principais características e tipo do que está acontecendo. 13. Como terminar um projeto: E assim, para cada projeto, deve haver algum aspecto do teste que ocorreu. Eu costumo gostar. Para estudos de caso deixar que, hum para o fim, eu não quero dizer que testes nunca ocorreram. Eu só quero dizer no sentido de que é bom terminar com feedback ou coisas que você aprendeu. Hum então para este projeto vai tipo de arredondar isso com, como, uma seção de testes que foi feito. Projetos profissionais serão um pouco diferentes a este respeito, e isso é só porque, modo geral, um modo geral, há muito mais testes que teriam acontecido e um produto profissional para que você possa falar sobre ele mais. Mas isso ainda é tudo o mesmo no sentido de que deve ser apenas os destaques do teste . Mas este aqui, vamos completá-lo com testes e tipo de o que foi aprendido com isso. E o teste foi feito com o mesmo grupo com o qual algumas das pesquisas iniciais foram feitas. Então vamos adicionar um par de imagens aqui para contexto para isso. Então, para isso, havia na verdade um vídeo de testes, e é isso que vamos deixar aqui se você tiver algo assim. Eu acho que é sempre bom incluir pelo menos algum tipo de imagem de vídeo de seus testes, porque novamente, se é como um estudo de caso ou um projeto escolar, não há provas de que você realmente fez isso. E só tem uma boa validação para quem quer que esteja vendo seu portfólio que você fez. Na verdade, faça pesquisas ou não apenas como inventá-lo. Selecione Lee Com este projeto, temos um tipo de vídeo de teste legal. E novamente, se você tem algo assim, definitivamente sempre incentivado a incluí-lo. É um combate político muito rápido. Certifiquem-se de que são todos americanos. Ok, então como, aqui está um tipo legal de visão geral de algumas das pesquisas que foram feitas e os testes após o fato. Então, apenas como um toque agradável, um vídeo legal, tem certeza. E então a maneira que eu gosto de completar cada projeto, não importa escola profissional ou estudo de caso é com tipo de resultados e reflexão. Essa é uma parte muito importante, , para o seu projeto falar sobre como foi e o que você melhoraria, o que você faria de forma diferente, coisas assim. Também é muito interessante Teoh discutir falhas aqui. Você poderia fazer mais de um parágrafo. Vou manter o parágrafo único para isso, mas é muito interessante saber se você falhou. Como você falhou? O que você aprendeu com os resultados dos testes? Se algo deu errado, eso definitivamente incluir alguns resultados na reflexão sobre Seja honesto, também, porque todo mundo sabe que os projetos nem sempre vão perfeitamente. Então fale sobre o que correu mal. Só te faz parecer mais humana e te faz parecer honesta também,o que é sempre bom para um portfólio. Só te faz parecer mais humana e te faz parecer honesta também, E então, na verdade, a última coisa que vou acrescentar aqui é a outra seção de trabalho do nosso último projeto. Então, vou ligar para isso. E quão rápido para isso. Ok, agora que outra seção de trabalho está dentro e novamente, apenas um lembrete que eu estarei preenchendo isso com alguns outros projetos antes que este site seja publicado, mas sempre bom para completar a página do projeto com isso. E então ele é realmente voltar para a página inicial e sua revisão rápida 14. Recapitulação: Então aqui temos uma descrição de introdução do nome falar sobre quem você é e o que você faz. Temos nosso primeiro projeto de novo. Se você tem um trabalho profissional, certifique-se de que é a sua 1ª e primeira coisa na frente. Podemos clicar em ver este projeto agora. Então nós temos nossa imagem de beleza bem aqui no nome superior, descrição do produto e novamente, realmente não podemos mostrar nada porque parte disso funciona sob um Indy. R. Então apenas contexto sobre o que é o trabalho e, em seguida, explicação do papel da empresa. Outro trabalho para o controle deslizante. Volte um excelente me verifique duas vezes para se certificar de que este botão está conectado e eu vou atualizar este Texas Bem, ele não está conectado. Bem, o cara não fez isso muito rápido. E só uma nota rápida sobre o nome aqui. O Teoh. Eu não costumo deixar como um nome. Gosto de acrescentar algum tipo de descritor Teoh. Só assim é porque a rota não é realmente hiper descritiva. E é bom ter uma explicação do que fazer ao lado dele. Além disso, ver projeto, e novamente temos este tiro de beleza. Deixe-me ir buscar o nome, descrição. E então temos nossa pesquisa fundamental aqui. Algumas das informações que foram recolhidas no início, uma grande análise das partes interessadas feita aqui. Você pode ver um homem, e então esse tipo de tudo se junta como os pontos de aperto e tipo de grande problema que temos da pesquisa no início. Os destaques. E então entramos em nossos principais recursos de solução que conhecemos aqui, um grito principal, e então três recursos que são muito importantes para nossa solução e, em seguida, descrições à esquerda e à direita desses recursos. E finalmente, eu sempre gosto de terminar com algum tipo de teste ou feedback. Hum, agora está muito bem aqui com este vídeo e resultados em reflexão. E só para nós olharmos, isso é provavelmente sobre um projeto de comprimento médio que eu acho que é muito bom para mirar. Sempre começar com o tiro de beleza tem um lembrete. Descrição rápida na parte superior e, em seguida, destaques do seu processo. Essa é a maior coisa aqui. Temos destaques da pesquisa feita no início e, em seguida, temos destaques de nossa solução. E logo no final, temos reflexão e, em seguida, links para outros trabalhos. E o que eu vou fazer é literalmente copiar e colar esta tela exata para todos os outros projetos que eu adicionar. Então, se vocês precisarem do Teoh, vão ver este site ao vivo depois de terminar e poderão ver todos os outros projetos que foram criados assim. E a última coisa a rever é a página sobre. E novamente eu vou atualizar isso com uma imagem do de Shannon e apenas algumas informações interessantes aqui. Um link para um currículo e uma página de contato novamente. Você não tem que ter todas as suas informações no seu currículo se você não quer que as pessoas da Reina sejam capazes de persegui-lo. Então, é bom ter este formulário de contato. Uh, apenas se alguém precisar entrar em contato, mas isso encerra tudo para esta aula e eu vou começar a trabalhar para terminar este portfólio só para que todos tenham como referência. Obrigado por ficar ligado. Todo mundo 15. Fim: Ok, então isso encerra tudo para esta aula. Vou colocar o site. Você Earl, na descrição. Há outros projetos que adicionei que não incluí no vídeo. Isso pode ser bom para se referir. Se você está questionando como colocar algumas outras coisas, há alguns fluxos de usuários, armações, coisas desse tipo que eu coloquei em outros projetos que eram parte mais importante do processo. Sinta-se à vontade para checar isso se quiser referência sobre como eu coloquei qualquer outra coisa. Tirando isso, estou animado para ver o que vocês fazem e começar a juntar o portfólio e me dizer como é. Mas obrigado por assistir.