Crítica de Web Design # 3: Firefly
Nossas críticas de web design foram um sucesso tanto para clientes quanto para comentaristas. Mantenha o excelente trabalho, fornecendo idéias e sugestões de qualidade!
O site de hoje é Firefly, a página inicial de uma agência de recrutamento de serviço social com sede no Reino Unido.
Explore o Envato Elements
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.
Firefly
Por sua própria definição, “Firefly é uma consultoria de recrutamento especializada em terceirização, colocação e gerenciamento de profissionais de assistência social em cargos do setor público e privado em Londres e nos países vizinhos. Nossa abordagem ao recrutamento é pessoal e consultiva. ”
Aqui está a página inicial do site:
No geral, o design do site é muito bom e tenho muitas coisas boas a dizer sobre isso. Vamos analisar alguns desses detalhes.
Esquema de cores
Primeiro de tudo, eu realmente gosto da paleta de cores no trabalho aqui. Ele usa todas as cores claras que são fáceis para os olhos e ficam lindas juntas.
A cor mais ousada aqui é o verde e o designer a usou em quantidades perfeitas. Ele está espalhado de maneira bastante pesada na parte superior do site, apenas em locais importantes do conteúdo, e faz uma grande aparição como a cor principal do rodapé (em três variações!).
Atenção aos detalhes
Existem muitos pequenos pedaços de design espalhados por toda a página, que são apenas detalhes interessantes. Isso mostra que o designer estava demorando para ir devagar e acertar a interface, em vez de se apressar apenas para publicar algo.
Repetição
A repetição é um dos aspectos principais de um design e um princípio que é incompreendido ou completamente desconhecido para muitos web designers. Esse designer o usou com maestria, não apenas pela repetição do verde, como mencionado acima, mas também pelo uso do elemento circle do logotipo.
Repetir um elemento em uma página como essa faz com que o design pareça mais coeso. Também dá aos olhos algo familiar para identificar enquanto navega na página.
Layout
O designer optou por implementar um layout de três colunas e ficou com ele por todo o comprimento do site. Os alinhamentos são fortes e as colunas são executadas muito bem. A separação visual da coluna da extrema direita através do uso de uma cor de fundo mais escura é um toque excelente, pois ajuda a destacar o conteúdo principal e quebrar a monotonia de uma grande página em branco.
Coisas a melhorar
No geral, o design é um dos mais fortes que já vimos para uma crítica. No entanto, existem alguns pequenos ajustes que podem ser feitos.
Resolução de imagem
Como tenho antecedentes impressos, costumo ser um nazista de resolução. O logotipo no canto superior esquerdo não apenas representa a marca da empresa, mas também é uma das primeiras coisas que um usuário vê ao desembarcar na página. Por esse motivo, você quer ter uma aparência agradável.
Explodi um pouco o logotipo para mostrar o que quero dizer. É certo que isso agrava ainda mais o problema, mas é uma boa ilustração do que procurar em um nível menor ao salvar imagens.
Observe atentamente os artefatos e a degradação da imagem. Esse logotipo é bastante pequeno e não deve atolar o site se ele tiver que ser salvo em uma resolução mais alta.
Texto Pesado
Talvez o pior problema visual desta página seja o fato de ser tão pesado quanto o texto. É simplesmente muita informação para alguém quando eles chegam ao seu site. Essa quantidade de leitura pode ser demorada e intimidadora e pode realmente levar o usuário a ignorar completamente o texto.
Eu consideraria aparar isso até as necessidades básicas e colocar qualquer informação não crucial em uma página de suporte, em vez de dar destaque aqui.
Usabilidade
Há um pequeno problema de usabilidade com parte do texto da página. Não sei ao certo o que está causando isso, mas no Safari o texto na coluna Bem-vindo não é selecionável.
Sei que parece exigente, mas o objetivo principal de ter texto ao vivo é para que você tenha uma cópia limpa, nítida e totalmente selecionável (e, portanto, com capacidade de copiar e colar) na página.
Eu recomendo dar uma olhada no seu código para ver o que está causando esse erro.
Dois clipes de papel
Como afirmei acima, a repetição é uma coisa boa no design. No entanto, como também apontei, muitas vezes é mal interpretado ou mal utilizado. O clipe de papel é um bom elemento gráfico e seria ótimo repetir em outro lugar da página, mas colocar dois deles tão próximos um do outro faz com que esta seção sofra de uma síndrome de clone do Photoshop.
Eu acho que usar apenas um clipe de papel aqui faria uma afirmação mais forte. Se você realmente quer ficar com dois, verifique se eles não são idênticos. Gire um ou gire-o para fornecer uma pequena variaçã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.
