Crítica de Web Design # 18: Dois caras
Toda semana, damos uma olhada em um novo site e analisamos o design. Apontaremos tanto as áreas que foram bem-sucedidas quanto as que poderiam usar algum trabalho. Por fim, finalizamos solicitando que você forneça seus próprios comentários.
O site de hoje é a Two Chaps Branding, uma empresa de marketing e design com sede em Baltimore.
Explorar recursos de design
Se você deseja enviar seu site para ser apresentado em uma futura Crítica de design, leva apenas alguns minutos. Cobramos US $ 24 pela crítica do seu design - consideravelmente menos do que você pagaria por um consultor para dar uma olhada no seu site! Você pode encontrar mais aqui.
Sobre dois chaps
“Aqui no TwoChaps acreditamos que uma marca é mais do que um logotipo bonito e uma declaração de missão carregada com as últimas novidades da indústria. Acreditamos que uma marca é a história de uma empresa, uma história que define seus relacionamentos passados, presentes e futuros com seus clientes e clientes. Acreditamos que uma marca é mais do que você deseja ser percebido, é como você é realmente percebido. Seja ignorado ou nutrido - sua marca define você. ”
Aqui está a página inicial do Two Chaps:
O design geral é muito atraente. O tema envelhecido é executado bem em cores, tipos e texturas e o layout é simples, mas poderoso. O alinhamento é muito apertado, com a maioria do conteúdo compreendendo uma coluna claramente definida.
Vamos detalhar alguns dos aspectos do design e examiná-los de maneira mais aprofundada.
O logotipo
Eu realmente gosto do trabalho que eles fizeram no logotipo. O jogador e o bigode são uma mensagem visual perfeita para o nome "Two Chaps". Da mesma forma, o forte tipo de letra serif está no período em que os designers estão filmando.
Embora eu goste muito do logotipo, não posso deixar de me perguntar se seria mais forte sem o bigode. No momento, existem dois elementos gráficos concorrentes no logotipo e reduzi-lo a um único pode melhorar a peça. Percebo que o bigode, as letras e o chapéu estão juntos, sugerindo um rosto, mas ainda se parece mais com letras com bigode e chapéu.
Como gráfico principal, o jogador poderia então ser usado em outro lugar como um elemento independente, independente do restante do logotipo.
A manchete
A manchete é a minha coisa favorita no site. Embora apareça à direita, é uma das primeiras a serem vistas quando a página é carregada devido ao seu tamanho e ousadia.
Os tamanhos das letras foram perfeitamente estruturados para criar uma unidade coesa que chama sua atenção e facilita a leitura. Observe como as palavras menos importantes (as, de) foram reduzidas em tamanho para dar espaço às palavras mais importantes (arte verdadeira).
Como esse é um tipo gráfico e não dinâmico, eu recomendaria definitivamente um tempo para trabalhar no kerning do texto aqui. Algumas letras, como "T" e "r" em "Verdadeiro", são estranhamente distantes, enquanto outras são um pouco esmagadas.
É fácil esquecer esta etapa ao projetar, mas se a tipografia for um recurso principal no design, você sempre quer ter certeza de que o espaçamento das letras está o mais próximo possível da perfeição.
Miniaturas de imagens
As imagens na página inicial receberam um excelente tratamento de fronteira. A sombra realmente dá muita profundidade às imagens, pois cria três níveis separados.
Por padrão, as imagens são em escala de cinza, mas se você passar o mouse sobre elas, elas caem um pixel ou dois (intencional?) E ficam coloridas. É um bom efeito divertido de jogar se você estiver visitando o site pela primeira vez.
A barra lateral
Como você pode ver, a barra lateral é uma faixa vertical que contém o logotipo, a navegação, alguns botões sociais e algumas informações legais. Se você verificar o site ao vivo, verá que o rodapé fica convenientemente parado enquanto o site rola. Isso fornece acesso fácil para alterar as páginas, não importa onde você esteja no site.
Adoro a ousadia do vermelho e o quanto ele se destaca do resto do design. Também gosto do tratamento e das cores usadas nos botões do Facebook e Behance. É um pouco estranho, porém, que as letras no "Facebook" tenham uma sombra tão difícil, enquanto as do "Behance" não.
As seções de navegação da barra lateral se expandem e contraem com uma animação suave quando você clica nos cabeçalhos. A chave aqui é que todos os itens ainda estão perfeitamente acessíveis com o JavaScript desativado, os menus são simplesmente todos mostrados na posição aberta e você nem sabia que estava perdendo alguma coisa.
É sempre bom ir além e garantir que seu site funcione para os navegadores que suportam seus pequenos truques visuais e para os que não o fazem.
Rodapé
O rodapé mantém o plano de ação para a contratação da empresa e é mais uma versão bem projetada do tema antigo.
As linhas na parte superior e inferior são um toque agradável, bem como a pequena placa "Clique aqui" com uma ondulação da página. Esta seção parece um pouco com alguns "especialistas" em SEO, pois a palavra "marca" aparece muitas vezes para um texto tão pequeno.
Legibilidade
Como afirmei acima, no geral eu realmente gosto do design do site. É único, arrojado, atraente e bastante funcional. No entanto, acho que a usabilidade do site está sofrendo por causa do texto. Confira a imagem abaixo na página "Nossa história".
Como você pode ver, nem o grande título colorido próximo nem o texto do corpo branco são muito legíveis no plano de fundo texturizado. Isso é agravado pelo fato de o fundo permanecer no lugar enquanto o texto rola, criando um efeito visual realmente complexo e ocupado enquanto você navega no site.
No final, o bom plano de fundo texturizado pode estar fazendo mais do que bem. É uma boa idéia experimentar descartar sua opacidade ou descartá-la completamente em favor de algo mais simples. Isso pode ser desagradável de ouvir, mas se aumentar a legibilidade do texto em todo o site, vale a pena o esforço.
Sua vez!
Agora que você leu meus comentários, participe e ajude, dando ao designer mais alguns conselhos. Deixe-nos saber o que você acha que é ótimo no design e o que você acha que poderia ser mais forte. Como sempre, solicitamos que você também respeite o designer do site e ofereça conselhos construtivos claros e desprovidos de insultos severos.
Interessado em ter seu próprio site criticado? Você pode encontrar mais aqui.
