É com muita safisfação que apresentamos hoje a galeria de inspiração com os portfólios dos leitores do Chocola! A partir do dia que foi publicado o post Dicas para portfólios online e chamada de portfólio dos leitores, em uma semana, foram quase 90 e-mails recebidos e selecionados 27 portfolios! Serão divididos em 3 posts, para mostrarmos com mais detalhes o que cada autor disse sobre o seu portfólio.
Por se tratar de inspiração Web, foram selecionados aqueles portfolios que tinham o seu diferencial, no layout, na apresentação, na usabilidade, navegação, na identidade visual e disposição dos elementos. Entrei em todos os portfolios, sem nenhuma restrição. A qualidade e criatividade de alguns sites foram incríveis. Mas vi portfolios hospedados no WordPress (nada contra), com a numeração de páginas no rodapé, para as pessoas navegarem nas páginas e verem os trabalhos (cansativo isso, talvez?). Gostaria que pensassem se esses trabalhos não ficariam mais fáceis de serem visualizados em uma página única. Fiquei tão contagiado com alguns trabalhos mas, em muitos casos, o portfolio em si nada chamava atenção. Avaliem esse assunto, pois, um portfólio bem apresentado, pode ser a porta de entrada para o mercado de trabalho ou para a aquisição de um novo cliente. Outra questão: nunca deixem de colocar seus contatos, é de extrema importância! O tempo está corrido, mas irei responder, aos poucos, todos os e-mails!
Para os que não forem selecionados, esperem os próximos posts, que teremos mais 18 portfolios! E tenham certeza, abriremos novas chamadas para vocês enviarem seus materiais. Parabéns à todos os chocólatras, e deliciem-se com as inspirações abaixo!
Armando Afonso
O jeito foi desviar o foco do usuário do site para as imagens. Todo o site acabou ficando muito limpo e sem detalhes, com a informação e imagens do portfólio em evidência. A melhor solução para mostrar os trabalhos foi alternar entre pequenos detalhes das peças (estilo Dribbble, com sliders) e imagens 100% com zoom, utilizando plugins JQuery. A parte mais massante de todo o processo foi resgatar os arquivos fontes dos principais projetos e exportar cada imagem para o Slider e para o zoom 100%.As tecnologias utilizadas foram WordPress (PHP/MySQL), HTML5, XHTML, CSS2, CSS3, Javascript, Jquery. Como não sou desenvolvedor, não criei do Zero o CMS! O principal trabalho foi o CSS, diagramação do portfólio e SEO (ainda em desenvolvimento).
Canha Berg
O portfólio serve como extensão do meu cartão de visitas, que possui um QR-Code que direciona a uma página escondida dentro do portfólio (com meus dados pessoais de contato – telefone, e-mail por extenso, etc), facilitando o contato. Ele precisava ser acessível não só no computador, mas em aparelhos móveis como smartphones e tablets sem que nenhuma informação fosse perdida. A diferença neste porfólio é como ele se altera a cada “reload” de página, fornecendo designs diferentes a cada acesso. Foi desenvolvido na plataforma WordPress (PHP), usando HTML5 e CSS3.
Diego Okiagari
O processo de criação foi via wordpress. Precisava de um layout clean e que exibisse de forma interessante e direta meus trabalhos, considerando a exibição em diferentes dispositvos. Assim o grande trabalho foi em torno da programação( a qual terceirizei) e na criação dos logos e exibição dos trabalhos.
Eduardo Arcanjo
Nunca usei plataforma pronta porque na minha concepção alguém que oferece o serviço de criação de sites também, não pode criar um site em uma plataforma pronta. Fui motivado pela força das mídias sociais e do SEO que ajudam e muito a espalhar o nome do profissional pelo mundo. Com portifolio sempre tive problemas na criação por não saber se utilizo um estilo mais “despojado” ou sério.Sempre tento achar um meio termo e no final mudo tudo da água para o vinho, hahahah normal.Optei por um portfólio CLEAN e direto, quase que minimalista! Minha inspiração é o minimalismo, frases do Steve Jobs (que apesar de serem clichês) são espetacularmente boas.
Fabiana Beatriz
Ao fazer um portfolio online, eu quis mostrar quais minhas habilidades, principalmente na área de web design mesmo, pois é com isso que trabalho. Portanto, ao mesmo tempo que apresento os trabalhos desenvolvidos por mim, tanto na área de design gráfico, web design, fotografia e edição de vídeo, também objetivei mostrar um pouco de meu estilo no meu próprio “espaço” na web. Fiz algo simples e sutil, justamente para apresentar de maneira sucinta e clara em que área eu atuo, o que eu sei fazer, onde já atuei, o que eu conheço e um formulário para quem quiser entrar em contato comigo. Para desenvolvê-lo, utilizei HTML/CSS, JavaScript e PHP, na mão mesmo
Fabio Lobo
Minha principal atividade é web design e front-end, então um portfolio online é mais do que obrigação. Ter um portfolio online aumenta – de forma praticamente infinita – as suas chances de ser lembrado, porque é muito mais fácil alguém encontrar seu trabalho, mesmo que por acaso, na internet, do que tropeçar com você na rua enquanto você carrega sua pasta e, no choque, derrubar todos os seus trabalhos no chão, deixando-os à mostra desse prospect. Desde o meu logo até a última linha do rodapé eu pensei no usuário. Primeiro, nada mais óbvio do que desenhar um lobo como logo quando seu sobrenome é este, certo? Sim, é até clichê. Mas meu logo, na verdade, é um F – uma jogadinha de Gestalt. O lobo em si está grudado nesse F, então nada mais justo do que grudar meu nome também em um “fabiolobo”. Ao mesmo tempo em que eu priorizei uma navegação onde todos as páginas estivessem acessíveis a um clique e o conteúdo principal estivesse visível na primeira dobra (um abraço, Steve Krug!), fiz com que o site tivesse um formato que o deixasse agradável no iPad, abrindo mão da barra lateral e colocando links espaçados, páginas leves, coisas do tipo. WordPress, semântica HTML5 e CSS e JS básicos, só o necessário.
Fabio Wasques
Criei esse portfólio apenas para divulgação de meus projetos como freelancer.
A intenção era a criação de uma galeria simples, onde fosse possível visualizar os projetos de forma rápida e objetiva. As tecnologias utilizadas foram HTML, CSS, Javascript e PHP.
Fellipe Rocha
Portfólio em desenvolvimento
Para chegar nesse layout, existem pelo menos outros sete que foram descartados, tanto por outras ideias apareceram quanto pelo fato de o meu portfolio ser um exercício constante de aprendizado, onde eu posso experimentar novas técnicas que seriam difíceis de colocar em pratica em um layout de um cliente. O Layout ainda não saiu do papel, mas a tecnologia em que ele vai estar baseado é WordPress, com uma boa dose de HTML5 e CSS3. Ainda estou trabalhando para que o site seja responsivo, já que em tempos de Mobile quem funciona é rei, é algo que tem tomado um pouco do meu tempo ultimamente.
Henrique “Foca”
Criado no final de 2010, meu portfolio para 2011 carregava um conceito visual que estava crescendo e aparecendo muito na internet: um corpo ao fundo segurando um cartaz/poster do objeto em questão.Foram muitas manhãs no parque do Ibirapuera tentando encaixar uma posição em que meu corpo e a folha A3 que eu segurava se adequassem ao esboço que eu tinha criado no papel. Enfim acabou saindo e passei a criar tudo em cima da imagem base. Como não programo (nem nunca precisei ou me interessei por tal) entrei em contato com um parceiro durante a criação para ir consultando-o sobre possibilidades. Ele acabou resolvendo tudo com HTML, CSS e JavaScript, em um sistema construído à mão, sem CMS, o que já não recomendo mais hoje. As “mãos” que cortam e sobrepõe o conteúdo se tornaram a maior dificuldade do projeto mas com um pouco de esforço tudo acabou saindo, trazendo um belo resultado.
Dúvidas e sugestões envie para thiago@chocoladesign.com ou @althi 
Pingback: Inspiração Web: Portfólio dos Leitores #3 - Choco la Design | Choco la Design