Este artigo patrocinado foi criado por nosso parceiro de conteúdo, BAW Media. Obrigado por apoiar os parceiros que tornam o SitePoint possível.
Em sua função como desenvolvedor web profissional, você está pronto para qualquer desafio de construção de sites. Mas, construir um portfólio de sites criativos para você serviços não é algo a que você está acostumado.
Por mais que ame o desenvolvimento da web, provavelmente nunca pensou nisso como uma profissão particularmente sexy ou criativa.
A verdade é que não é tão difícil montar um portfólio atraente com bastante facilidade quando você está equipado com as ferramentas certas e tem uma seleção de conceitos inspiradores e relevantes para escolher.
Aqui estão 8 ideias poderosas, junto com 32 exemplos, para inspirar você e permitir que você promova seus serviços em seu próprio site de portfólio impressionante.
8 ideias que farão seu site de portfólio Web se destacar
Possuir o que você faz e compartilhar com outras pessoas
Muitos, se não a maioria dos sites de portfólio, têm algo em comum. Por causa de seus designs, os visitantes levam alguns segundos para descobrir o que o autor realmente faz.
E, mais tempo leva para um visitante descobrir o que você faz e quem você está fazendo pois, é mais provável que ele saia antes mesmo de dar uma olhada em seu portfólio.
Você deseja que as pessoas saibam exatamente o que você faz no instante em que acessam sua página inicial, e aqui são algumas maneiras de fazer isso acontecer.
Cihad Turhan
BeWebDeveloper
A mensagem de título cristalino deste site pré-construído atrai instantaneamente o leitor.
BeCode
Josue Espinosa
Esse cara diz diretamente o que ele faz. Ele até usou uma tela cheia de código para sua foto de herói.
Simplicidade é a sofisticação final
A maioria dos visitantes do site não gosta de desordem e certamente ganhou “Não esteja disposto a vasculhar tudo para encontrar o que você está oferecendo. Como você se orgulha de sua capacidade de escrever código limpo, um design de portfólio limpo também deve ser atraente para você.
Certamente será atraente para seus visitantes.
Um design limpo atestará suas habilidades e ética de trabalho e, se você achar que é necessário, pode sempre usar cores e texturas de uma maneira que destaque sua personalidade.
Por exemplo:
BeSimple2
Chris Biron
Este designer digital freelance criou uma marca pela simplicidade. Isso não é legal?
Matthew Williams
BeCompany3
Um exemplo perfeito de como a simplicidade do design pode produzir uma página inicial limpa que é impossível para ignorar
Transformando um currículo de blá para wow
Currículos são tão ultrapassados. Você não concorda?
Não quando você deixa sua arte ou produtos falarem para eles próprios, que é o que os sites de portfólio podem fazer; e espetacularmente, se feito da maneira certa.
Você ainda pode manter a estrutura clássica de um currículo, pois é isso que um leitor estaria esperando.
Basta aplicar um pouco de criatividade para desenvolver suas habilidades e a experiência se destacam. Adicione alguns elementos visuais cativantes e / ou elementos interativos e veja o currículo que você está construindo ir de Blah ou Meh para Wow.
Agora, os leitores vão querer saber mais sobre você, o que você faz e o que você pode oferecer a eles.
Aqui estão alguns exemplos de currículos que são tão notáveis que valem uma segunda ou terceira avaliação.
BeResume
Os sutis elementos animados deste tema tornarão o site finalizado agradavelmente interativo .
Pierre Nel
BeFreelancer
Denise Chandler
Um estudo rápido sobre como fazer seu currículo e transformá-lo em uma obra de arte cheia de personalidade.
Profissional com um toque criativo
Você é um tipo prático quando se trata de fazer seu trabalho, como a maioria dos profissionais; e você quer ser visto dessa forma para conseguir empregos maiores e atrair clientes melhores.
Nunca é demais “pegar emprestado” um pouco das maneiras como os principais profissionais de outros setores se apresentam online. Não estamos falando de “imitador” aqui.
É simplesmente uma questão de obter uma ideia ou duas de advogados, coaches, consultores e outros profissionais sobre como fazer seu site parecer profissional, mas não “arrogante”.
BeLawyer
Este tema visa advogados independentes, mas pode ser facilmente personalizado para criar um site de portfólio elegante.
Jacek Jeznach
Patrick David
BeCoaching2
Se um site de portfólio repleto de personalidade é seu objetivo, você pode verificar como os treinadores atraem seus clientes.
Apoiando-se no lado artístico
Os artistas têm o a maioria dos sites que valem a pena babar. Você realmente não esperava que fosse de outra maneira. Encare o fato; você teria problemas para tentar competir com eles.
Felizmente, você não precisa. Já existem muitos desenvolvedores da web lá fora, que criaram com sucesso alguns sites de portfólio incríveis para si próprios e até para outras pessoas.
Como Adham Dannaway, que usou essa abordagem artística para apresentar seus serviços de design e desenvolvimento da web.
Ou Legwork Studio. Este estúdio de animação combinou ilustração com animação e as empacotou para criar uma marca visual reconhecível.
Você também pode se inspirar em temas como esses dois que os artistas estão usando atualmente para criar seus portfólios de sites:
BeArtist
BeArtist2
Chamando a atenção com a gamificação
Quer saber o tipo de portfólio de site que oferece a maior chance de torná-lo famoso?
Experimente transformar seu portfólio online em um jogo.
Já passamos de Blah para Uau. Por que não almejar algo ainda melhor?
Quando você transforma seu portfólio em um jogo, é difícil para qualquer um ignorar. Quase todo mundo gosta de participar de uma aventura on-line divertida e é muito mais agradável do que ver listas de habilidades e realizações.
Robbie Leonardi
Este designer-programador-animador é bem conhecido por seu jogo de portfólio alucinante e premiado. Sim, ganhou prêmios e muitos cincos.
Estúdio pequeno
BeFantasy
BeGame
Você pode pegar este tema de apresentação do jogo e transformá-lo facilmente em um portfólio interativo.
“Roubando” o melhor dos sites da empresa
Quando você está executando um empresa, você “teve a tarefa de encontrar uma maneira de vender vários produtos ou serviços no mesmo site.
Geralmente, é o mesmo para você como desenvolvedor da web.
Você tem múltiplas habilidades e serviços, e você deseja exibi-los da maneira mais atraente pos sible. Você também precisa encontrar uma maneira de apresentar suas ofertas de uma forma cristalina, para que os clientes possam encontrar facilmente exatamente o que estão procurando.
Se você tem várias habilidades e serviços para oferecer, você deve encontre esses exemplos como fonte de inspiração:
BeAdAgency2
Este tema de agência de publicidade funciona muito bem para serviços híbridos.
Instalação
BeDigital
TMS-Outsource
Essas pessoas encontraram uma maneira simples e poderosa de apresentar todas as tecnologias que usam.
Apresentando-se como um produto
Pense em quão alto é a conversão sites vendem produtos de tecnologia.
Eles seguem uma arquitetura comum projetada para atrair pessoas e convencê-las a comprar ou se inscrever para uma avaliação gratuita. Use essa mesma arquitetura para criar o portfólio de seu site, e você pode esperar isso atrair mais clientes em potencial a e convencê-los a contratá-lo.
Ao mesmo tempo, você pode demonstrar o que poderia construir para eles se decidissem trabalhar com você.
BeWatch
Esta estrutura clássica de site para venda de produtos IoT foi projetada para atrair e converter.
Emily Ridge
Um desenvolvedor da web usou uma estrutura semelhante a esta para seu portfólio online.
BeProduct4
Johnny Maceachern
Primeiros passos
Com alguns conceitos criativos para começar, você não tem mais um motivo ou desculpas para adiar a construção de seu próprio site de portfólio.
Se você está preocupado por não ter realmente tempo para conciliar o trabalho do cliente com o seu portfólio online, há um atalho que você pode tomar.
A menos ou até você tem tempo suficiente em suas mãos para construí-lo do zero, um site pré-construído c e fornecem uma maneira rápida e eficaz de criar um portfólio online deslumbrante para mostrar seu trabalho.
Um bom recurso é Be Theme, com sua enorme biblioteca de mais de 70 páginas de uma página (e mais de 400 sites pré-construídos de todos os tipos).
Cada um foi projetado para facilitar a navegação em mente, e cada um incorpora elementos interativos projetados para aumentar o envolvimento do usuário na página. Tudo o que você precisa fazer para agregar sua visão criativa, que será mais do que suficiente para levar seu portfólio de “meh” a “deslumbrante”.