Articles

21 Designs de sites premiados e o que eles fizeram direito

a internet está cheia de alguns sites incríveis e inspiradores.estes flocos de neve especiais são os que encontram formas inovadoras de utilizar todo o design possível e os limites tecnológicos para criar experiências que muitas organizações desejam ter.encontrar estes diamantes em bruto pode ser um desafio incrível, especialmente se você está planejando um redesenho do site e não tem certeza de onde começar.,

felizmente, sites como CSS Awards, Awwwards, Webby Awards, etc. existem para ajudar a destacar os sites que devemos empurrar o nosso próprio para refletir.

para ajudar a mostrar alguns desses premiados sites vencedores, eu mergulhei em cada um desses premiados sites e puxou os que não são apenas belos exemplos de design moderno, mas também exercitar UX, UI, arquitetura de informação, otimização de taxa de conversão, Vídeo marketing, táticas ao seu máximo potencial.

ao olhar para cada site, é importante entender que estes não devem ser vistos como modelos que você deve tentar copiar., Em vez disso, analisá-los e encontrar as partes deles que utilizam design/marketing/Estratégias de conteúdo que podem ser reutilizados e revisados em algo que se encaixa ao seu público.com isso dito, aproveite estes 17 exemplos assassinos de projetos premiados de sites feitos corretamente.prefere ver? Aqui estão 5 dos meus favoritos!,

ESPN Sports Programação

Destaque no Awwwards

ESPN leva o seu conteúdo de esportes e programação para o nível seguinte com dinâmica e atraente site cheio de grandes e de alta resolução de imagens e vídeo. O site utiliza o vídeo de fundo para acompanhar a energia da rede de esportes e seções com efeito de transição e hover sutis e para manter a experiência do usuário suave., A barra ‘featured sports’ é completamente fascinante e faz um excelente trabalho de mostrar cada um dos esportes ao lado de estatísticas interessantes e detalhes informativos sobre programas disponíveis.

Montagem

em Destaque no Awwwards

a Montagem leva mostrando-se o seu produto para o próximo nível com este fácil de manobrar página inicial, que descreve de forma clara o que o seu produto é, como parece, a qualidade do produto, e depoimentos., O site é um excelente exemplo de uma abordagem que você pode usar para destacar o seu produto e os pontos mais importantes que seus usuários estariam preocupados em encontrar respostas para. A sub-navegação pegajosa permite aos usuários navegar facilmente em torno da página para encontrar exatamente o que eles estão procurando.

Zillow

em Destaque no Webby Awards

de Encontrar o lar perfeito é tudo sobre ser capaz de convenientemente pesquisa exatamente o que você está procurando, salvar e armazenar o que você gosta e torná-lo fácil de encontrá-la mais tarde., Zillow acerta o prego na cabeça para todos os três pontos com o seu site imobiliário intuitivo. A área de pesquisa dentro da área de herói torna mais fácil para os novos usuários para selecionar rapidamente e procurar listagens sem ter que procurar por alguma página de pesquisa escondida.

Revols

em Destaque no CSS Design Awards

Revols leva a uma abordagem ousada no seu site, ampliando sua pequena, sofisticado fones de ouvido usando a macro fotografia e vídeo., A fotografia e o vídeo tornam o site incrivelmente focado em produtos, de modo que seus usuários lentamente se tornam cada vez mais imersos na experiência que esses fones de ouvido podem lhe dar. O Grande Tratamento de fontes neste site também é um toque agradável e acrescenta à fotografia earbud maior do que a vida.

Fiftythree Lápis

em Destaque no SiteInspire

Fiftythree captura todas as características e benefícios para os seus Lápis, Caneta ao longo deste produto autônomo página., Estas características e benefícios são acompanhados por imagens para ilustrar o produto em ação para que o usuário tenha um tempo mais fácil visualizá-los e como eles podem aplicar o produto. O layout e o tratamento visual da seção anatomia do produto também são muito únicos e agem como uma forma dinâmica de levar os usuários a ler mais sobre o produto, em oposição a seções estáticas um após o outro.,

Morgan Stanley

em Destaque no Webby Awards

ao contrário dos tradicionais voltados para produtos de sites, Morgan Stanley manchetes sua página inicial com um artigo que espero que a unidade de uma quantidade significativa de tráfego (especialmente desde que ele se conecta com as férias, reuniões de família está previsto para assistir). O resto do layout além da página inicial hero joga com um layout focado em grade para organizar a variedade de artigos recentes que eles postaram.

7., Impulsionado

destaque em Awwwards

impulsionado levou o que poderia ter sido visto como um skate médio para o próximo nível, introduzindo fotos incrivelmente detalhadas de seu produto, acompanhado de descrições detalhadas em seu site. Os tons cinza do site e fundo branco ajudam a manter o foco nos botões de chamada-para-ação laranja e o skate colorido que eles usam como exemplo do produto., Eu também adoro o fato de que eles têm um blog que parece destacar questões que eles têm/estão abordando com o produto, adicionando um nível maravilhoso de transparência para a empresa.

8. Wozber

Featured on SiteInspire

Wozber did a killer job breaking down the step by step process it takes to make sure your Curriculum is perfect for that dream job you are looking for. Sua página inicial descreve claramente os passos à frente, que são então explicados em secções individuais abaixo.,

o site até tem exemplos de alguns dos currículos que eles fizeram, tornando mais fácil para você ver exatamente como o produto acabado poderia ser antes de decidir se inscrever.

Opus Grows

Featured on CSS Winner

Opus drives home the organic, natural, and health benefits of its soil by adding bountiful amounts of greenery throughout the site. Com tantas opções diferentes para os solos de vaso lá fora, pode ser difícil decidir qual é o mais saudável para suas plantas ou jardim., Opus prova que seu produto é melhor abordando os ingredientes e propriedades físicas que seus solos oferecem que o segmento a partir de sua marca tradicional. Eu também fiquei muito satisfeito de ver que eles blogged e, ocasionalmente, misturado em posts mais deliciosos para ajudar a chegar a públicos mais amplos,como este.

Zero Financial

Featured on Awwwards

demasiadas vezes as empresas de software têm sites muito bonitos que carecem completamente de quaisquer imagens dos seus produtos., Se você está atualmente nesta posição e à procura de inspiração, Zero é um site fantástico para inspiração. O uso de imagens acompanhadas de texto descritivo que explica cada um torna o produto muito mais real e relacionável para as pessoas interessadas.

Cap IPH

em Destaque no Awwwards

Cap IPH ajuda a fornecer uma ampla gama de automóveis de dados para uma variedade de diferentes personas. Com isso em mente, Cap HPI construiu seu site para que essas pessoas tenham um tempo fácil de encontrar o tipo de solução que estão procurando., Para facilitar isso, eles otimizaram a navegação para que você seja capaz de entender rapidamente se o CAP HPI pode ou não ajudá-lo. em cima de tudo isso, o design do site, animações sutis, e paleta de cores únicas fazem com que uma experiência visual agradável e refrescante em um mercado que de outra forma poderia ter um layout muito brando, corporativo.

Quiver

Featured on Awwwards

embora o site seja menor que outros, Quiver ainda consegue brilhar entre os restantes., adoro o fato de que eles utilizam a emoção imediatamente quando você chega na página inicial com o fundo e a cópia. Eles até conseguiram obter um formulário de inscrição lá, em vez de apenas incorporar um botão que envia os visitantes para uma página de inscrição separada. o produto e características de Quiver páginas fazem um belo trabalho de exibir a aparência do software acompanhado de pequenos elementos interativos para ajudar a mostrar como o produto funciona.,

Wordstack

Featured on CSS Winner

Wordstack did an excellent job keeping its website small, condensed, and organized, while still delivering all the value the product offers. As imagens de grande largura e uso consistente paleta de cores e estilo ao longo das páginas fazem para um design incrivelmente uniforme que combina muito bem com o palato de cor do software.,

Campos Coffee

Featured on CSS Design Awards

certos clientes adoram entregar produtos que sabem que são criados por empresas que querem entregar produtos de qualidade aos seus clientes. E empresas como Campos Coffee sabem exatamente como atender esses compradores.

Campos usa seu site como uma forma de destacar o tempo e esforço que sua equipe coloca em seu café, como ele beneficia a comunidade, e por que você vai se sentir bem comprando-o., Todos estes pontos se envolvem em uma história maravilhosa que eles exibem na página inicial e em todas as outras páginas do site.

Parentes

em Destaque no SiteInspire

ao Invés de incluir somente recursos de realce, Parentes leva-lo para a próxima etapa e utiliza a sua página inicial para mostrar os benefícios de seus produtos para que as pessoas saibam exatamente o que o produto pode ser utilizado para antes de se aventurar fora para outras áreas do site., em termos de design, o uso pela Kin da fonte de serif maior em todo o site, acompanhada de fotografia de escritório real, ajuda a adicionar uma enorme quantidade de credibilidade à sua marca. Ele também permite que o cliente saiba que há pessoas reais, personalizáveis por trás do produto incrível, em vez de deixá-lo para suposições.

SeaStreak

Featured on Webby Awards

Looking to travel by ferry but not sure where to go? O SeaStreak pôs-te em boas mãos. O UI do site é organizado para que você seja capaz de construir rapidamente um horário de ferry que funciona para você., Também acho a navegação extremamente interessante. O menu rotas e horários desce para mostrar todas as opções disponíveis, e o menu viagens de dia e fuga já está segmentado para os usuários que estão no site procurando exatamente isso. Estes elementos ajudam a criar conveniência para o Usuário e velocidade, para que eles não são deixados em um buraco escuro do site tentando descobrir como procurar o que eles querem.,

S Garrafa

em Destaque no CSS Winner

S Frasco elegante, o produto é dado tratamento especial ao longo de todo o design do site para destacar seu inovador beleza e benefícios. A utilização da garrafa em várias animações tornou o site mais envolvente e acrescenta interesse em aprender mais sobre o produto.

Ocean Health Index

Featured on W3 Awards

Ocean Health Index helps bring the beauty of the ocean to the web with its stunning layout, visual imagery, and cool tone color palette., O grande uso de fontes em todo o site também ajuda a mantê-lo fácil de ler e profissional.

19. O uso do espaço no “Wealthsimple” torna incrivelmente fácil de segmentar cada seção de suas páginas. Os belos GIFs ao longo da página também fazem para uma experiência emocionante, especialmente porque eles não se relacionam diretamente com o investimento.o site faz com que o investimento pareça muito mais divertido., Ao invés de se apresentando planilhas, pilhas de dinheiro, e brega idioma, certifique-se de que diferenciar o WealthSimple marca, por isso não parece como qualquer outro software de investimento ou de serviço

Toggl

em Destaque no CSSDesignAwards

A peculiar animação em Toggl homepage da página atrai a atenção do usuário imediatamente após a chegada. Este estilo de imagem é carregado em todas as seções restantes com grupos simples de caixas de conteúdo diretamente ao lado de cada uma.
Toggl também presta atenção cuidadosa a como as coisas se animam na carga de página., Por exemplo, a página de preços de Toggl desaparece no herói e, em seguida, cada área de preços da esquerda para a direita. Atenção a estes detalhes faz a sensação do site que muito mais polido.

Shademaster

Featured on CSSDesignAwards

olhar para telhados pode não parecer agradável para o proprietário médio, mas Shademaster garante que pode ser.eles estrategicamente segmentaram o tipo de trabalho que fizeram em projetos de teto no nav que enviam o Usuário para páginas individuais onde eles podem planejar e projetar seu teto ideal e receber uma cotação., Esta abordagem torna o processo de compra do telhado muito mais autônomo para os usuários; não há necessidade de alguém visitar sua casa apenas para começar algo.

à procura do seu próprio site redesenho?

o seu site destina-se a ser o rosto da sua presença online e uma forma de representar virtualmente a sua marca. Se o seu site não mantiver um design que corresponda à forma que deseja ser percebido, então ele acabará por falhar em executar de forma otimizada., O IMPACT adora trabalhar com outras empresas em um esforço colaborativo para entender o que você quer que seu site realmente se pareça para que possamos ajudá-lo através da estratégia para torná-lo uma realidade.

acha que é hora de seu site para obter o facelift que merece para melhor representar a sua marca e, em última análise, aumentar o seu desempenho? Fale conosco e fale sobre os objetivos e aspirações do seu site.