54 Homepages com Design Brilhante

54
Homepages com
Design Brilhante
Partilhe o ebook:
INTRODUÇÃO
3
RETALHO
35
Current
Section Title
ECOMMERCE
2
4
INTERNET
45
ENTRETENIMENTO
13
SERVIÇOS
53
DESIGN
24
CONCLUSÃO
64
INTRODUÇÃO.
A primeira impressão é algo para o qual nunca vai ter
uma segunda hipótese. É por isso que a homepage do
seu negócio é sem sombra de dúvidas uma das
paginas mais importantes do website.
Seja qual for a empresa, a homepage é a porta de
entrada virtual principal – é a cara para o mundo. Se um
novo visitante não gostar do que vê, a reacção
instintiva é carregar no botão “retroceder".
Não deixe que isso aconteça. Para inspirar a sua
estratégia de design da homepage veja estes 50
exemplos brilhantes.
Partilhe o ebook:
EXEMPLOS
ECOMMERCE.
Partilhe o ebook:
LUHSE TEA.
O look and feel desta homepage de ecommerce dá ao brand uma característica
pessoal que o faz destacar-se de muitos outros.
FIT FOR
A FRAME.
A grande característica
desta homepage é que
os itens em destaque são
apresentados de forma
nítida para todos verem.
De realçar também o
slideshow simples mas
atractivo.
SHOP LOCKET.
Um design simples e com muito charme. O inicio de sessão via Facebook é uma
funcionalidade muito apreciada pelos que procuram evitar formulários longos.
WHITE LOTUS AROMATICS.
Um excelente exemplo de colocação de produtos em destaque onde vai ver o maior volume de trafego do
website. A actualização mensal também dá aos visitantes outro conteúdo além das páginas de produto.
EVEL.
Neste website pode perceber de forma imediata o que está a vender. Uma homepage
bem organizada de itens em destaque, slides atractivos, e etiquetas de preços.
LEGA-LEGA.
Vai notar uma tendência: Homepages de ecommerce mais atractivas a destacar os
produtos num formato limpo, aberto e ordenado.
URBAN ORIGINALS.
Este é um design de homepage extremamente simples e eficaz. Um fundo
vibrante e um menu simples com paginas de produtos.
SCOTCH
& SODA.
O aspecto ladrilhado
desta homepage
funciona lindamente
para apresentar
diferentes áreas do
website. Os ícones
sociais colocados com
bom gosto tornam-no
fácil de partilhar, e o
separador “Last Posts”
dá aos visitantes mais
conteúdo para
consumir.
EXEMPLOS
ENTRETENIMENTO
Partilhe o ebook:
CLOUDS OVER CUBA.
Bonito e simples. Esta homepage tem um objectivo; que você veja o documentário.
UNIVERSERIES.
Esta é uma homepage espantosamente bem desenhada. A experiência de
utilização é hipnotizante e imersiva. O uso de formas e cores tornam-no obrigatório
de ver!
JACQUI CO.
Esta homepage é uma das nossas favoritas. O look and feel do website está desenhado de forma
brilhante, e os elementos interactivos colocam esta homepage num nível completamente diferente.
POTTERMORE.
A Sony fez um óptimo trabalho a transmitir o look and feel do franchising Harry Potter.
Usaram imagens, elementos e palavras familiares para envolver os visitantes.
HEALTH LIFE.
Esta homepage tem um layout muito simples associado a elementos muito interactivos. De notar a
integração das tabs, icons e Google Maps. Não só fica com um aspecto excelente, como também
ajuda.
UNCRATE.
A Uncrate sempre teve um look e feel consistente no redesenho dos websites. Esta homepage não é
diferente. Todas as categorias e páginas estão bem colocadas no topo da pagina para fácil navegação.
THE GOOD MAN.
Um dos websites visualmente mais atractivos que já vimos. A experiencia é fluida
e tira vantagem do poder da web e do design gráfico.
SILKTRICKY.
Outro bom exemplo de como o conteúdo pode ser organizado num visual quadriculado e com bom gosto.
O conteúdo é apresentado numa área do ecrã e não requer demasiado scroll para ver mais artigos.
MAGIC LEAP.
Esta é uma experiência muito visual. Imagens intensas, texto e icons bem
desenhados levam os visitantes às profundezas dos websites.
LIFE AND TIMES.
Se alguém sabe como entreter, é a Jay Z. Este website pessoal apresenta artigos, imagens e
outro conteúdo numa homepage com base quadriculada e interactiva.
EXEMPLOS
DESIGN.
Partilhe o ebook:
HELLO MONDAY.
Vencedor de um prémio de Site Of The Year, este é um design muito original, focado no aspecto global do
website. O texto pequeno e quase inelegível mantém os visitantes focados nos aspectos visuais.
JIB.
As cores deste website complementam-se perfeitamente. De notar também a textura do fundo que corre
com o tema geral do brand.
RIDE FOR THE BRAND.
O look and feel das velha escola desta homepage é fantástico. Os elementos de design personalizados clocam-no à
parte de outros e o aspecto de scrolling lateral continuo, faz dele uma experiencia interessante para os visitantes.
ANDY PATRICK DESIGN.
Uma homepage simples e bem desenhada com uma mensagem clara aos visitantes. O esquema de cores
transmite o carácter do brand e também mostra o estilo deste designer em particular.
THIS IS
THE
BRIGADE.
A homepage tem uma
excelente apresentação.
Um banner grande para
transmitir a mensagem e
secções segmentadas
para separar o conteúdo.
BUILT BY BUFFALO.
Outra das nossas homepages favoritas. Este site coloca uma rotação no estilo azulejo para
apresentar o conteúdo e páginas. Usa formas e cores diferentes para se diferenciarem.
GALPIN.
O site faz um bom
trabalho na utilização de
tipografia para mostrar
o seu carácter. De notar
que não foca em
gráficos, mas mais no
texto e como ele
transmite a sua
mensagem.
MADE BY VADIM.
O Vadim é conciso e vai directo ao assunto. Pode ver exemplos do seu trabalho enquanto a
homepage dá acesso directo aos aspectos mais importantes do seu negócio.
ART & CODE.
O uso de icons interessantes e em forma de grelha, dá a este website um aspecto
atractivo e limpo. Por vezes, menos dá melhor resultado.
RILEY
CRAN.
Outro website com
base em grelha. O
que coloca este site à
parte de outros, é
como todo oele está
colocado dentro da
pagina. Não é
necessário scrolling.
EXEMPLOS
RETALHO.
Partilhe o ebook:
REI.
Uma pagina da REI muito agradável. Um mostruário com uma variedade de fotos submetidas pelos utilizadores num layout
familiar em base quadriculada. Scroll de lado a lado com elementos interactivos quando para em cima das imagens.
AUSTIN BEERWORKS.
As cores e apresentação do produto são simplesmente tentadoras! Limpo, fundo branco juntamente com
imagens de produto de alta resolução, pode provocar a sede a quem quer que seja por uma Austin Beerworks
JAQUET DROZ.
O produto entra-lhe pelos olhos dentro e não é superado por quaisquer outros elementos visuais na
pagina. Você olha para ele, é deslumbrante, e vai querer comprar um.
ITALIO KITCHEN.
Não é frequente um restaurante colocar o foco no design da homepage, mas este site faz isso lindamente.
Um slideshow grande e atractivo em todo o topo da página, seguido de mais imagens de comida
deliciosa!
TV SAFETY.
A animação tipo cartoon e texto dá a este site um aspecto e um toque muito consistente. Pode ver
as três principais opções de menu na linha de visão e cada um dos botões sobressai ao visitante.
GREY GOOSE.
A apresentação é tudo. Para a Grey Goose, trata-se de elegância, imagens de alta resolução e um layout
muito macio. Nada na pagina chama demasiado a atenção dos elementos principais.
TOYOTA.
A Toyota fez um excelente trabalho ao criar um website muito à-lá-Pinterest para os fãs do
Camry. Há uma variedade de imagens, estatísticas, artigos, e gráficos.
GOT MILK?.
Apesar desta homepage já não estar online, é um bom exemplo de um design de homepage brilhante. Há
tantos elementos interessantes na página que atrai o visitante a explorar toda a pagina.
BUFFALO WILD WINGS.
Este é um excelente exemplo de uma webpage construída com um look and feel consistente com o
brand. Cores, estilos de design e fontes, está tudo alinhado com a imagem da empresa.
EXEMPLOS
INTERNET.
Partilhe o ebook:
CHROME WEB LAB.
A estimulação visual desta homepage é fabulosa! Mal aterra na homepage, é bombardeado por formas
coloridas que parecem escoar para fora da página.
VIDDY.
Um bom exemplo de como o botão “Sign in with Facebook” pode simplificar o processo de registo e
aumentar o número de membros do seu serviço.
WHO IS WILDLIFE.
Este é um website bem-desenhado e interactivo que mantém os visitantes interessados, fornecendo-lhes
uma experiência de utilização única.
PREZI.
É brilhante ter um vídeo incorporado mesmo no banner principal da homepage. Faz sentido que uma
empresa que cria óptimas apresentações seja excelente a apresentar o seu próprio produto.
IMPRESS A PENGUIN.
O website parece um livro de contos que mantém a sua atenção ligando gráficos
interessantes e texto inteligente.
CSS PIFFLE.
O botão vermelho a flutuar no centro da página faz um excelente trabalho a chama a atenção. Ele leva os
seus sentidos a clicar nele, sem ser espalhafatoso.
FANNABEE.
Este é um excelente exemplo de um website que usa Parallax Scrolling para dar uma boa experiência de
utilização. Pode ver para perceber o que queremos dizer.
EXEMPLOS
SERVIÇOS.
Partilhe o ebook:
CAPTAIN DASH.
O poster do filme é fantástico! No entanto, não consegue dizer de imediato o que faz a empresa, este
design faz com que queira saber mais sobre este intrigante Capitão Dash.
WOODWORK.
Woodwork usa no website um layout agradável que apresenta muito conteúdo de uma forma que
não é opressiva para o visitante.
SAGMEISTER WALSH.
O uso de uma imagem aérea do actual escritório é verdadeiramente criativo. Cada elemento no chão
pode ser clicado e posiciona definitivamente este website à parte de outras empresas de design.
MADWELL NYC.
Uma homepage limpa e uma experiência bem desenhada que apresenta simplesmente a qualidade
do trabalho da empresa.
RYAN EDY.
Como website de serviços de fotografia profissional, o design funciona bem para onde os visitantes estão
a olhar. Uma navegação simples à esquerda e uma série de fotografias para os visitantes apreciarem.
OLIVER RUSSELL.
A cor e os elementos de design subtis no fundo, tornam esta pagina web um bom exemplo de visuais
atractivos que não se afastam do conteúdo base na página.
QUARTER REST STUDIOS.
Esta homepage é essencialmente um único e enorme slideshow, combinado com uma navegação simples
no topo. Ele dá ao visitante um conjunto de opções limitado, mas úteis.
FANCY RHINO.
Aqui está outro website que incluí o mostruário do seu trabalho num vídeo na homepage. A navegação e
barra lateral são suficientemente simples para se destacar ao lado da reprodução de vídeo.
FLINT
BOUTIQUE.
A fonte e cores
desempenham um
papel essencial para
fazer desta uma
homepage bem
desenhada. A
consistência entre o
texto e os gráficos,
feitos para uma boa
experiência de
utilização.
BLIND BARBER.
Este website faz um excelente trabalho na apresentação do aspecto mais importante do website no
centro da pagina. Ele salta aos olhos, e atrai os visitantes para o botão saber mais sobre o Blind Barber.
CONCLUSÃO.
Com todos estes exemplos fantásticos na internet,
pode ser difícil encontrar um estilo que represente
a sua brand. Não se esqueça de fazer a sua
investigação e visitar qualquer dos websites que
sejam do seu interesse.
O seu objectivo é criar uma homepage agradável
estéticamente, e que dê aos seus visitantes uma
experiência user-friendly.
Invista algum do seu tempo a perceber a sua
audiência alvo, e crie uma experiência à volta das
suas necessidades verdadeiramente fantástica .
Partilhe o ebook:
Partilhe o ebook:
COMO É QUE O
SEU WEBSITE SE
PORTA?
Fale já com um dos nossos experts
sobre como melhorar a sua homepage.
Vamos acompanhar numa avaliação do
website passo-a-passo para ajudar
a obter uma homepage
de sucesso