20 exemplos de portfólio de design no site

Qualquer texto sobre a empresa não será mais do que um conjunto de frases bem construídas, se não for apoiado pela seção com as obras. Portfólio - um passaporte, cartão de visita, passar para o mundo dos clientes sérios. E você precisa ser capaz de entender.

O artigo reuniu 20 exemplos de páginas "Portfólio" de diferentes empresas, para que você apreciasse o quão bem elas são feitas, e aplicasse algo em seu próprio país. Ou corrigido.

Art. Lebedev Studio

Link - //www.artlebedev.ru/everything/

Funcionalidades

  1. O nome do criativo do portfólio é "Designed".
  2. Mostra o número total de obras - e é impressionante. E crescendo quase todos os dias. Olhe agora no site: o número não será mais 3621.
  3. As obras são divididas não apenas nas áreas de ateliê, mas também nas áreas de negócios com clientes. Em qualquer uma das direções há uma divisão:
  1. Se você clicar no botão "Todas as tags", poderá fechar seu miserável estúdio na província para penetrar ainda mais:
  1. O princípio da organização do trabalho - blocos que você rola por um longo tempo:
  1. Se você passar o cursor em um trabalho específico, poderá ver os aspectos vinculados de sua criação:
  1. Dentro:
  • descreve a tarefa e assina o processo de sua solução;
  • indica que foi criado como parte da solução do problema:
  • informações sobre todos os executivos do projeto:
  1. No final da página com os trabalhos há um painel de compartilhamento nas redes sociais. Concordo - é melhor compartilhar seu portfólio, e não apenas copiar / colar um link para ele.

Art. Lebedev Studio é uma empresa lendária. Seu trabalho sobre os ossos desmantelados, admirando e desprezando, em círculos de design e não só. Uma coisa é clara - os caras há muito passaram do web design para a transformação gráfica de qualquer assunto do mundo material. O que é prova - um portfólio.

Empresa Altek

Link - //altekpro.ru/portfolio/

Funcionalidades

  1. Uma característica interessante do portfólio neste site é a string de pesquisa:
  1. As avaliações dos clientes e sua lista também estão incluídas no cabeçalho do portfólio - uma boa recepção para melhorar a impressão da lista de obras.
  2. Os trabalhos são categorizados para facilitar a visualização de uma atividade específica. O botão "Todos" está configurado por padrão, e também retorna uma lista de todos os trabalhos.
  3. Princípio da organização:

A lista é feita com paginação - 15 páginas de inspiração de trabalho!

  1. Dentro de qualquer trabalho:
  • foto grande do lugar;
  • sua descrição:

A empresa tentou e fez uma carteira inteligente em seu site - uma descrição competente do trabalho, detalhes, fotos de alta qualidade. Tudo funciona para que um jovem dono de restaurante ou dono de café vá para o equipamento de seu estabelecimento.

Empresa de construção "Intechstroy"

Link - //almetfasad.ru/portfolio/

Funcionalidades

  1. A estranha divisão do trabalho é apenas uma categoria de “Frontage Finishing”, clicando sobre o que não altera a lista de trabalho - são os mesmos que na categoria “Everything”.
  2. A lista é a seguinte:
  1. A lista completa de trabalhos pode ser visualizada clicando no botão "Ver mais" abaixo.
  2. Quando você passa o cursor sobre qualquer trabalho, sua descrição aparece:
  • clicar em uma lupa abrirá a galeria de fotos para este trabalho;
  • Clicar nos links abre uma descrição detalhada do trabalho.
  1. Como se parece por dentro?

Como uma pessoa que participou da compra de uma casa de campo, eu gostaria de ler para cada trabalho o que e como foi feito - materiais, ferramentas, cronogramas de projetos. Isso não está aqui - sinto muito.

Fábrica de móveis Lev Solovyov

Link - //www.sl-mebel.ru/portfolio/

Funcionalidades

  1. O portfólio é apresentado por seções - cada uma com suas próprias fotografias de obras - "Móveis para bares e restaurantes", "Móveis para interiores particulares", "Restauração de móveis", etc. As obras são divididas por paginação.
  2. Fotos de qualquer uma das categorias podem ser visualizadas em uma apresentação de slides e, em seguida, retornar às miniaturas.
  3. Quando você passa o mouse sobre qualquer imagem, uma dica de ferramenta é exibida indicando que o trabalho na meta tag alt não foi feito:
  1. Além disso, se você clicar no trabalho, tudo ficará bem:

Neste portfolio, você quer ver não apenas uma galeria de fotos boas para cada trabalho, mas também ler pelo menos uma breve descrição - por exemplo, quem teve a ideia de vestir o sofá em uma jaqueta - “jaqueta de couro” ?!

Atelier "Guarda-Roupa"

Link - //www.g-atelier.ru/portfolio

Funcionalidades

  1. Inscrição intrigante "Esta página apresenta os produtos criados pelos mestres do Atelier Wardrobe para os nossos clientes. Parte 1". Como um capítulo na história. A segunda parte pode ser acessada se você clicar no botão "Ver mais" em todas as obras.
  2. A lista de obras é decorada com mosaicos que são simplesmente invertidos na parte inferior da página. Nada assinado.
  3. Se você passar o cursor em um determinado trabalho, um ícone de lupa aparecerá, no qual você poderá clicar e ir para a página das galerias de imagens. Aqui está uma surpresa - quando paginar através de fotos, não serão mostradas / não apenas imagens de um ângulo diferente, mas outras obras do estúdio. Isso é enganoso:

E aqui não está totalmente claro o que eles queriam mostrar:

  1. Uma forte recepção no final da lista de trabalhos - uma chamada à ação com um formulário de feedback:

Atelier e roupas - não é o meu tema. Neste portfólio, as fotos são lindas, mas a mente masculina exige descrições e cada trabalho é assinado. Consulta livre no final - como forma de esclarecer questões para o portfólio.

Empresa "Repablayk"

Link - //republike.ru/portfolio.html

Funcionalidades

  1. Impressão positiva do fato de que todos os trabalhos são assinados.
  2. Os trabalhos estão divididos em categorias que não estão localizadas acima, mas ligeiramente abaixo e ao lado:
  1. Atenção é dada ao desejo dos criadores do site de motivar os visitantes a querer a mesma apresentação:
  1. Quando você passa o trabalho, há uma pergunta intrigante:
  1. Cada trabalho dentro consiste em várias partes:
  • slideshow de apresentação:
  • todos os aspectos de trabalho:
  • Descrição detalhada do trabalho:

Curiosamente, a empresa tem outros serviços (por exemplo, nomeação, desenvolvimento de sites, design de interiores), e o portfólio é preenchido apenas com o trabalho de criação de apresentações. Obviamente, esta é a principal e, a julgar pelo portfólio, a direção bem-sucedida da empresa.

Agência "VelikaPlaza"

Link - / progresso / portfólio /

Funcionalidades

  1. Em geral, o portfólio da Texterra consiste em seções sobre clientes, revisões, casos, certificados e trabalho direto. A agência caracteriza seus trabalhos:
  1. Um muito (!) Originalmente jogou o número de obras no portfólio. Ler:
  1. As obras são decoradas com pictogramas-categorias:
  1. Quando você abre qualquer um deles, um portfólio de trabalhos aparece diretamente com o nome da direção, uma breve descrição e capturas de tela assinadas. Quando você passa o mouse sobre qualquer link de trabalho, aparece "Mais":
  1. A página na categoria "Conteúdo" contém um link para o original e uma captura de tela de alta qualidade de todo o artigo (!) Que pode ser expandido nas redes sociais, bem como diretamente da página para o próximo trabalho.
  2. Trabalhos em outras categorias na estrutura da representação interna diferem uns dos outros. Aqui, por exemplo, é uma visão de dentro de um dos trabalhos da categoria "Desenvolvimento de sites":

Aqui você pode ver os dados de saída mais importantes: o endereço do site, o CMS, a tarefa, o trabalho realizado e capturas de tela das páginas, como o site aparece em diferentes adaptações, as características são listadas e as informações sobre as pessoas que participaram do desenvolvimento são listadas.

Na categoria "Conteúdo de vídeo", nos exemplos de obras, os vídeos filmados são mostrados logicamente.

Como todo o portfólio, qualquer trabalho termina com um apelo à ação com o preenchimento de um formulário de feedback:

Se você coletar o trabalho de Texterra em um arquivo, será papel branco e um kit de marketing em um. Como qualquer especialista do mundo do marketing na Internet, eu me esforço para ter a mesma bagagem, mesmo que seja muito difícil.

OST art forge fábrica

Link - //ostmetal.com/portfolio/

Funcionalidades

  1. A página principal do portfólio contém um breve texto descrevendo a empresa OST, uma lista de obras. Por favor, note - as imagens são com marca d'água:
  1. Quando você passa o trabalho, há uma lupa. Se você clicar, uma janela modal será aberta - uma galeria de fotos com uma descrição do projeto e a localização geográfica do objeto
  1. Portfólio pode ser compartilhado em redes sociais. Esta é uma indicação direta:

Você espera mais trabalho em qualquer portfólio - são apenas 21 - apesar do fato de a empresa ter um website desde 2001. Talvez nem todo o trabalho possa ser mostrado ou a landing page criada há pouco tempo. De qualquer forma, gostaria de desejar que o OST aumentasse o número de obras. Eles têm belas palavras literalmente.

Workshop "Verbo"

Link - //glagol-maket.ru/blog/cases

Funcionalidades

  1. O portfólio é chamado de estudos de caso do cliente. O painel com casos está localizado na parte superior da janela, para cada estatística fornecida sobre visualizações, o nome e uma breve descrição. Os trabalhos são separados por paginação:
  1. Uma descrição detalhada do trabalho ao mesmo tempo é uma entrada da seção "Casos" do blog do desenvolvedor de layout:
  1. Para cada projeto, a saída é especificada:

e falou sobre os artistas:

  1. Para cada caso, você pode ver detalhadamente todo o processo de criação de um layout:
  1. Todos os casos terminam com uma chamada para compartilhá-lo nas redes sociais, solicitar um layout ou ir ao blog do designer de layout principal:

Super portfólio com imagens de primeira classe, uma descrição detalhada de cada trabalho. Em Penza, o trabalho pode ser visto ao vivo - os modelos são exibidos em muitos shopping centers da cidade. E sim - estes são meus compatriotas, orgulhosos deles. Eles tornam isso tão difícil, mas ...

Companhia "Remsk"

Link - //remsk.net/portfolio.html

Funcionalidades

  1. Os trabalhos são divididos em categorias, assinados, divididos por paginação e contêm uma breve descrição:

Se você clicar no botão "Leia mais", uma galeria de fotos de um trabalho específico será aberta:

No estudo desse portfólio, surge a dissonância cognitiva - por um lado, imagens tão belas, breves descrições e "Leia mais", do outro - apenas fotos. Sobre o reparo Eu quero saber muito mais.

Agência "PrazdnikON"

Link - //www.prazdnikon.ru/foto-i-video

Funcionalidades

  1. O portfólio é apresentado em três seções:
  1. O portfólio de feriados infantis começa com um exemplo de "abate":
  1. O mesmo pode ser dito sobre o portfólio de organização do aniversário:
  1. As páginas nesta seção do portfólio são organizadas da seguinte maneira:
  • galeria de fotos:
  • gravação de eventos:
  • esquema de trabalho com o cliente:
  • e mais alguns pontos de venda:
  • e no final imediatamente duas formas de feedback:
  1. O que você pode fazer com qualquer trabalho do portfólio e, em geral, com uma página? Correto:

A página principal do portfólio parece fraca em comparação com o design de suas seções. Mas há tudo: status, qualidade da descrição gráfica do texto, venda de blocos. Abordagem séria - clientes sérios.

Produção Studio PhotoIDEAL

Link - //photo-ideal.ru/portfolio/

Funcionalidades

  1. O portfólio é composto por seis seções temáticas:
  1. Quando você clica no botão mais detalhadamente, uma lista de fotos é aberta, o que você pode ver rolando a página para baixo. Não há flechas e galerias de fotos comuns, mas as fotos são assinadas e com marcas d'água:
  1. Para cada trabalho, você pode entrar em contato com o estúdio preenchendo o formulário de feedback:

Esse portfólio, que não requer descrições de texto longas (talvez curtas também). As fotos falam por si: equipes médicas internacionais, itens de perfume caros, materiais publicitários, interiores, como nas páginas de revistas de moda.

Serviço de carro DUBOKSERVIS

Link - //dubokservis.ru/nashi-raboty/

Funcionalidades

  1. As obras do portfólio são organizadas de acordo com o princípio "Antes e depois" e assinadas pelo nome de marcas de automóveis, as obras são separadas por paginação:
  1. O número de modelos e o resultado do trabalho inspiram respeito por mim como motorista. Na verdade ... tudo!

Muito conciso. Você simplesmente percorre suas páginas, desliza para frente e para trás com o controle deslizante e olha para os terríveis dentes e arranhões de onde não há vestígio. Contra o pano de fundo da esmagadora maioria das estações de serviço, que não têm nada além de um telefone, esse portfólio parece decente.

Empresa de limpeza "do coração"

Link - //uborkavufe.ru/portfolio.html

Funcionalidades

  1. O portfólio vai entre dois blocos de sites de ponta a ponta:
  • vantagens competitivas da empresa:
  • lista de clientes:
  1. As obras são assinadas e possuem fotos relevantes:
  1. Se você passar o cursor, seu "círculo" se transformará em uma imagem quadrada:
  1. O ponto positivo é que em muitas fotografias são mostrados funcionários uniformizados, onde o nome da empresa - “De coração puro” é bem lido.

Eu não entendo porque não era para fazer uma galeria de trabalhos em cada objeto de limpeza, para dizer-lhe quais áreas e quais foram limpos. Isso é muito lógico e adicionaria peso ao portfólio. No entanto, a lista de clientes fala por si.

Estúdio de tatuagem "Ei, capitão!"

Link - //haycaptaintattoo.com/portfolio

Funcionalidades

  1. Portfólio longo (da palavra "muito") é carregado - o único exemplo da coleção.
  2. Todas as obras são assinadas e salão de marca d'água:
  1. Clicar em qualquer trabalho abre uma janela com uma foto ampliada:
  1. Se você folhear as fotos, não será o mesmo trabalho de um ângulo diferente, e o outro - com uma nova tatuagem:

Usado agulhas, tinta para tatuagens, tempo de trabalho e preço - infelizmente não há tal informação sobre os trabalhos. Obviamente, as imagens aqui resolvem muito mais.

Confeitaria Coolnws Foods

Link - //www.coolnws.ru/home_sweet/portfolio/

Funcionalidades

  1. Os trabalhos no portfólio são divididos em categorias, mas não há categoria "Todos". Uma lista completa de bolos pode ser devolvida clicando no link "Portfólio":
  1. Qualquer bolo de dentro parece com isso:
  • Cada bolo, atenção, tem seu próprio artigo:
  • foto assinada, que pode ser aumentada:
  • informação do bolo:
  • momentos de "venda":
  • bolos semelhantes:

A única carteira na coleção que você quer comer ou doar - no todo ou em cada trabalho separadamente. E o fato de ser mais do que dignamente decorado, faz dele um modelo para empresas com atividades similares e muito mais.

Salões de redes de depilação a laser e cosmetologia "Girlfriends"

Link - //podruge.ru/portfolio/

Funcionalidades

  1. Portfólio é dividido em categorias. E o primeiro fornece status e título, e fotografia:
  1. Se você abrir a seção "Estrelas", tudo ficará mais claro:
  1. Abra o cartão:
  1. A seção de portfólio "Antes e depois" não é tão esteticamente atraente, mas necessária para essa empresa. Como você pode ver, aqui estão as subcategorias de trabalho:
  1. Se você abrir uma subcategoria, haverá uma galeria de obras para um serviço específico:
  1. Seção "Video" - vídeos com o processo de apontar beleza:

O que posso dizer - uma carteira como essa pode orgulhar-se. O fluxo de clientes e clientes ricos e famosos no "Girlfriends" após tais comentários lisonjeiros fornecidos.

Empresa "Own"

Link - //art-doors.ru/portfolyo/

Funcionalidades

  1. As obras são organizadas por azulejos, assinadas e possuem marca d'água:
  1. Na lista de trabalhos, há um texto muito grande para este tipo de páginas:
  1. Se você passar o mouse sobre o trabalho, a inscrição "Look" aparece, você pode abri-lo. Dentro - um caso completo para o projeto - o texto, que alterna com grandes imagens crescentes:
  1. A página de qualquer trabalho e a página com o portfólio estão no final de um aplicativo para cálculo:

Agradável para ler e visualizar o portfólio - não apenas declarações declarativas sobre portas exclusivas, mas também numerosos trabalhos com uma descrição detalhada do processo de fabricação, incluindo uma história sobre os objetos, materiais utilizados e acessórios.

Companhia "Estação Climática"

Link - //www.climatseason.ru/portfolio/

Funcionalidades

  1. Existe um filtro de obras por objetos e por tipos. Todos os trabalhos são assinados, seu tipo e categoria de equipamento usado é indicado:
  1. Uma descrição detalhada do trabalho é assim:
  1. Informações sobre qualquer trabalho incluem:

    • descrição do trabalho;
    • galeria de fotos lindamente projetada (mas as fotos não são assinadas);
    • descrição do projeto;
    • uma história sobre sua implementação;
    • equipamento utilizado (observe o preço e um link para o cartão do item).

Se falamos sobre as deficiências, há uma fonte bastante pequena na própria página do portfólio e em cada uma das obras. Caso contrário, esse não é um portfólio muito ruim entre os concorrentes, muitos dos quais nem sequer têm sites mais ou menos sensatos.

Agência "Casa Real Estate"

Link - //www.domnedv.ru/page167/portfolio/

Funcionalidades

  1. O portfólio tem um layout de blog clássico - imagem / título / data de publicação / anúncio de texto:
  1. Se você abrir algum trabalho, ele também será parecido com um artigo comum, se você não ler:

Aqui estão todos os sinais do caso: a situação atual, a tarefa, uma foto do objeto (é estranho que casas foram levadas para todo lugar, não para interiores de apartamentos) e uma solução.

  1. Qualquer trabalho da lista e portfólio em geral pode ser compartilhado nas redes sociais.

O portfólio de design mais estranho e fácil da coleção. E o mais informativo em termos de componente textual. Повторюсь - надо читать каждую конкретную работу - там очень интересно.

Не говори, что делаешь. Покажи, что сделал

Перед вами сайт клининговой компании, который я хотел включить в подборку, но не включил по вполне понятной причине:

Судя по футеру, сайт никак не менялся с 2015 года. Тем не менее, он в выдаче поисковых систем, иначе я бы его не смог найти. С точки зрения "Яндекса" все не так уж плохо. Mas para as pessoas, potenciais clientes, a falta de trabalho da empresa é um sinal perturbador e uma desculpa para sair rapidamente em busca de concorrentes com um portfólio.

Se você quer que sua carteira, pelo menos, olhe, lembre-se que ela caracteriza:

  1. Aumentar o número de trabalhos - não importa o que eles digam, mas a lista de 1-2 pontos inspira fracamente. No entanto, se houver centenas deles, é melhor mostrar o melhor.
  2. Divida o trabalho em categorias - assim, você simplifica a busca por clientes interessados ​​no mais próximo de seu campo de atividade.
  3. Assine o trabalho e as fotos - para mostrar o que foi e para quem foi feito.
  4. Descreva cada trabalho em detalhe - apenas mostrá-los na lista geral não é suficiente - você precisa dizer, para isso, criar uma página separada para cada um deles. Não economize nas fotos - mostre fotos do objeto de diferentes ângulos.
  5. Demonstrar no portfólio de clientes bem conhecidos, suas fotos e comentários - ele trabalha para aumentar a fidelidade do cliente e aumentar o status.
  6. Se houver muitos exemplos no portfólio:

    • fazer paginação;
    • esconder parte do trabalho por trás do botão "Ver mais";
    • faça uma pesquisa de portfólio.
  1. Termine a descrição do trabalho com uma chamada à ação - uma oferta para contatá-lo e obter o mesmo resultado legal será mais do que apropriado.

Scalambur: Trabalhe no seu trabalho. É como o livro de registro de um aluno, no qual você trabalha primeiro, e depois trabalha para você.

Loading...

Deixe O Seu Comentário