18 Cool Concept Designs (Facelift) de sites notáveis
Se o conteúdo é rei, o design deve ser a rainha. É um elemento crucial para o sucesso de um site, pois decide como o conteúdo deve ser estruturado e exibido, e o design ruim simplesmente arruína a experiência do usuário, condenando o tráfego do site.
Freqüentemente, nós, web designer, temos que jogar um jogo de negociação enquanto estamos criando um website. Nós trocamos beleza por funcionalidade, ou funcionalidade por legibilidade, já que é impossível produzir um design que agrade a todos em todos os aspectos..
Então, qual projeto é melhor então? Web designers adoram fazer essa pergunta, e alguns até mesmo se desafiaram a jogar melhor o jogo comercial redesenhando sites famosos como Facebook e YouTube, formando assim possíveis designs neste post de vitrine. Melhor ou pior, você como um usuário decide, aproveite!
De acordo com sua estatística oficial, o Facebook já atendeu mais de 500 milhões de usuários ativos, com 700 bilhões de minutos gastos nele. Para este tipo de estatística, será muito estressante projetar uma página web para ela. Também pode ser a mesma razão pela qual tantos designers se desafiaram a redesenhar o Facebook. Vamos dar uma olhada em várias grandes tentativas dos designers abaixo:
Projeto de conceito Por: Barton Smith
“O Facebook Facelift é um projeto auto-iniciado para desafiar a forma e funcionalidade do Facebook. Sua interface simplificada, estruturada e linear é mais compreensível, aprimorando a experiência do usuário e a capacidade de absorção de conteúdo.”
Página principal. (Fonte da imagem: Barton Smith)
Página de fotos. (Fonte da imagem: Barton Smith)
Página de Eventos. (Fonte da imagem: Barton Smith)
Página de contatos. (Fonte da imagem: Barton Smith)
Página de notificações. (Fonte da imagem: Barton Smith)
Conceito de design Por: Arquitetos de Informação
Este design inovador nasceu a partir de dezembro de 2006 e depois adaptou-se aos padrões de design contemporâneo, a fim de ter uma comparação justa com o design atual do Facebook. A idéia era criar um aplicativo semelhante a mail com interface que contivesse um layout elástico de 3 colunas que separasse claramente o filtro, o fluxo de informações e a reação, que são claramente explicados em sua postagem..
Página principal. (Fonte da imagem: Information Architects)
Projeto de conceito Por: Justin Dauer
“Um dos meus principais objetivos era mover a interface para mais de uma apresentação do tipo de aplicativo da web. O Facebook tem cerca de 175 milhões de pessoas acessando diariamente; Todas as tarefas repetitivas inerentes a tal uso são conducentes a esta forma de abordagem. Quando eu estava finalizando esse redesenho, a nova interface de usuário do Twitter foi lançada e me deu um momento de validação semelhante a Stuart Smalley.”
Página principal. (Fonte da imagem: design pseudoroom)
Projeto de conceito Por: Peter Knoll
Um design muito elegante por Peter Knoll. O gráfico é bastante aprimorado para tornar o site inteiro atraente e promissor. A interface também é muito mais limpa com boa tipografia aplicada para boa legibilidade.
Página principal. (Fonte da imagem: Peter Knoll)
Projeto de conceito Por: AndasoloARTS
Variação Facebook feita por AndasoloARTS, até é vendida! O esquema de cores é bastante semelhante ao design de Peter Knoll, mas no geral é um design diferente. Mais uma vez um design muito elegante com o minimalismo em mente.
Página principal. (Fonte da imagem: AndasoloARTS)
Projeto de conceito Por: Jonaska
Um design inspirado no design do Facebook da AndasoloARTS, bastante original também! Eu gosto da implementação de compartilhamento de status e caixa de pesquisa, uma variação bem projetada de fato.
Página principal. (Fonte da imagem: Jonaska)
Projeto de conceito Por: Czarny-Design
Que tal um design sexy com elementos cantos arredondados? Uma abordagem de design completamente única para o Facebook com esquema de cores ligeiramente alterado, você pode aceitá-lo?
Página principal. (Fonte da imagem: Czarny-Design)
Meu espaço
Uma vez que o gigante das redes sociais, Myspace foi finalmente ultrapassado pelo seu principal concorrente, o Facebook. Reerguido como My_____ agora, ele pretende se tornar o principal destino de entretenimento social, que inclui música, filmes, celebridades, TV e jogos, movido pela paixão dos fãs. Desenhos abaixo foram tentados para o antigo Myspace, mas ainda é ótimo dar uma olhada no que o designer acha que o MySpace deveria ser.
Concepção de conceito Por: Rafael Oliveira
“E se o Myspace tivesse uma interface mais clara, definida e bonita por padrão, mas ainda com a opção de personalizá-lo, mas de uma maneira mais compreensível? Essa é a pergunta que fiz quando comecei, e foi um projeto legal. Além do design visual, eu propus algumas melhorias de usabilidade, com base no conteúdo que já está no site, e olhando para o sitemap.”
Página principal. (Fonte da imagem: Rafael Oliveira)
Menu Canais. (Fonte da imagem: Rafael Oliveira)
Página de fotos. (Fonte da imagem: Rafael Oliveira)
Página de perfil personalizada. (Fonte da imagem: Rafael Oliveira)
Página do Artista. (Fonte da imagem: Rafael Oliveira)
Página de artista - personalizada. (Fonte da imagem: Rafael Oliveira)
Página do canal de vídeos. (Fonte da imagem: Rafael Oliveira)
Processando mais de 1 bilhão de solicitações de pesquisa em todo o mundo, o Google é o site mais famoso do planeta Terra. Também é conhecido como o reino que tenta dominar a internet criando produtos amigáveis, como Android, Gmail e Analytics. Como o Google tem muitos designers de primeira linha trabalhando em seu design de site, qualquer tentativa de redesenho é um desafio direto para os designers. Interessante.
Projeto de conceito Por: Craig Reville
“Como o Google decidiu reformular um pouco as coisas, achei que gostaria de saber como gostaria de ver e usar o Google. Eu não fui à loucura nos ícones ou no logotipo, principalmente porque os designers de ícones poderiam fazer um trabalho melhor e eu gosto do logotipo simples assim. Todo e qualquer feedback apreciado.”
Página principal. (Fonte da imagem: Craig Reville)
Página de resultados da pesquisa. (Fonte da imagem: Craig Reville)
Página de resultados de pesquisa - 2º conceito. (Fonte da imagem: Craig Reville)
Página de resultados da pesquisa de imagens. (Fonte da imagem: Craig Reville)
Design de conceito Por: FloxDesign
Um pouco como o Bing, mas de uma maneira mais épica. Sinceramente, eu quero ter esse design incrível para a minha página principal do Google, por favor.
Página principal. (Fonte da imagem: FloxDesign)
Youtube
Classificada como nº 3 em global e nº 4 no tráfego de sites nos EUA, o YouTube é um website para descobrir, assistir, enviar e compartilhar vídeos. A maioria dos conteúdos foi carregada por indivíduos, mas meios famosos como CBS, BBC, Vevo e Hulu forneceram seus próprios vídeos como parte do programa de parceria do YouTube. Você se atreve a redesenhar um site que está sendo visto mais de 2 bilhões de vezes por dia? Eles fizeram isso.
Projeto de conceito Por: Michele Byrne
Um elegante design que enfatiza mais sobre visualização e compartilhamento de vídeos. Uma abordagem única é aplicada a esse design, embora a interface do usuário seja um pouco semelhante ao Vimeo. Grande tentativa de qualquer maneira.
Página principal. (Fonte da imagem: Michele Byrne)
Página de vídeo. (Fonte da imagem: Michele Byrne)
Página do usuário. (Fonte da imagem: Michele Byrne)
Informação de vídeo. (Fonte da imagem: Michele Byrne)
Vídeo recomendado. (Fonte da imagem: Michele Byrne)
Projeto de conceito Por: Josh Collie
“Uma das minhas maiores queixas com o YouTube ao longo dos anos tem sido a incapacidade de procurar outros vídeos enquanto assiste a vídeos, além de ler comentários sem ter o vídeo rolando na parte superior da tela. O design abaixo tenta resolver esse problema com três colunas roláveis separadamente, incluindo pesquisa, vídeo e comentários.”
Página principal. (Fonte da imagem: Josh Collie)
Página do usuário. (Fonte da imagem: Josh Collie)
Projeto de conceito Por: Thadeu Morgado
Um experimento de reprojeto para a página principal do YouTube. O estilo é praticamente o mesmo, exceto que o layout inteiro foi reestruturado e um controle deslizante grande e elegante foi adicionado para dar mais foco aos vídeos em destaque..
Página principal. (Fonte da imagem: Thadeu Morgado)
Amazon
A Amazon entrou em linha em 1995 e agora se tornou a empresa multinacional de comércio eletrônico que contém a maior seleção de livros, revistas, música, DVDs, eletrônicos, computadores, softwares, calçados, virtualmente tudo! Porque eles estão tendo um negócio tão grande, designers em todo o mundo têm se desafiado a melhorar o design para torná-lo ainda mais bonito e, claro, fácil de usar.
Projeto de conceito Por: Trevor Cleveland
“Eu queria explorar três conceitos exclusivos para o redesenho da página inicial da Amazon acima da dobra. A Amazon é um dos principais sites de compras on-line, mas seu design de homepage de fluidos é definido para tamanhos de monitores com dimensões pequenas, deixando o site com uma aparência muito deficiente em computadores muito mais novos com resoluções mais altas. Então eu queria apresentar três ideias para trazer a Amazon até a velocidade.”
Primeiro conceito - página principal. (Fonte da imagem: Trevor Cleveland)
Primeiro conceito - menu. (Fonte da imagem: Trevor Cleveland)
Segundo conceito - página principal. (Fonte da imagem: Trevor Cleveland)
Segundo conceito - Menu. (Fonte da imagem: Trevor Cleveland)
Terceiro Conceito - Página Principal. (Fonte da imagem: Trevor Cleveland)
Terceiro Conceito - Menu. (Fonte da imagem: Trevor Cleveland)
Projeto de conceito Por: Maurice Kindermann
Não há tentativa de redesenho, se não houver problema no design atual, o design da Amazon de Maurice Kindermann é o melhor exemplo para este caso. Desapontado com o design atual da Amazon, Maurice redesenhou a página para resolver três questões específicas: resolução de tela estendida, opção de compra fragmentada e quantidade de conteúdo inundada.
Página principal. (Fonte da imagem: Maurice Kindermann)
IMDb
Afirmou-se como o maior, melhor e mais premiado site de filmes do planeta, o IMDb (Internet Movie Database) é um banco de dados online de informações relacionadas a filmes, programas de televisão, atores, equipe de produção, videogames e personagens fictícios. mídia de entretenimento visual. Redesenhar este site de forma a mostrar informações de forma eficaz será um grande desafio para os web designers.
Projeto de conceito Por: Vladimir Kudinov
“Por que não tem o design atual do IMDB? Está sobrecarregado. Grande quantidade de informação não estruturada. Enquanto a maioria dos usuários desses sites presta atenção principalmente às fotos, vídeos e muito mais.
Então eu fiz um design limpo e elegante. Aqui, o usuário recebe uma tela em que há informações sobre o filme: fotos, atores, trailers, enredo e muito mais. Ele não precisa torcer, girar, ler. Tudo o que é necessário - é olhar para a tela.”
Página do filme. (Fonte da imagem: Vladimir Kudinov)
Cardápio. (Fonte da imagem: Vladimir Kudinov)
Componente Pop Up do Jogador. (Fonte da imagem: Vladimir Kudinov)
Painel superior. (Fonte da imagem: Vladimir Kudinov)
Projeto de conceito Por: Rob Hendricks
“Não é difícil ver por que o atual site do IMDB está tão confuso. O fato é que eles têm muito conteúdo. A arquitetura de informação adequada foi fundamental na mudança.”
Página principal. (Fonte da imagem: Rob Atomic)
Quadrangular
Com o Foursquare, os usuários podem compartilhar sua localização atual “efetuando check-in” através de um aplicativo de smartphone ou SMS, bookmarking informações sobre locais e deixando sugestões relevantes sobre locais próximos. Os comerciantes locais também utilizam o Foursquare para envolver e reter seus clientes. Redesenhar para o Foursquare é realmente desafiador, pois é um serviço completamente único, portanto, mais estudos são necessários.
Projeto de conceito por: Clay Parker Jones
Clay Parker Jones acredita que um mapa é uma adição muito interessante à página de usuário do Evangelho Quadrangular, já que o serviço tem tudo a ver com localização. Clicar no mapa colapsa as estatísticas informativas com 4 visualizações diferentes disponíveis. Outros add-ons para esta página são feeds, gostos, dicas e sugestões, muito parecido com uma página normal de rede social!
Página do usuário. (Fonte da imagem: exitcreative)
Reflexão
Não importa o design, todo usuário leva tempo para adaptar o novo design. A questão é, como usuário, você deseja mudar para qualquer projeto acima, ou você é bom com o design atual? Você acha que esses designs resolvem o problema da experiência do usuário? Acredito que estes designs são feitos para receber sua opinião, então sinta-se à vontade para compartilhar o que você pensa sobre eles, cada opinião conta!
