Crítica: Design do site Tritium

No seguimento desta pergunta: Crítica: Design de logotipo do software Tritium . Para revisar o código do site (desempenho, bugs, experiência do usuário relacionada), visite a pergunta sobre irmã na Revisão de código .

Estou procurando uma revisão do design para o meu site Tritium ( código fonte ).

Especificamente:

• Um objetivo do site era mantê-lo simples. Eu consegui isso?

• As cores da minha paleta se complementam?

  • Fundo: #171d25
  • Átomo animado: #333
  • Logotipo: #f8bd24
  • Texto do link: #6e6e6e
  • Cabeçalho da marca, texto do link suspenso, botão: #78C40F
  • Navbar: #000
  • Texto de corpo: #fff

• Todas as críticas do passado foram implementadas corretamente em termos de design? Eu exagerei?

  • Implementado o design do logotipo do @ DA01 ( usado com permissão ).
  • Adicionamos o átomo ao plano de fundo por uma das sugestões de @ Yisela , animação cortesia de @squeamishossifrage .
  • Tentou mantê-lo simples com base nas inúmeras outras sugestões.

• Minha escolha de fonte funciona bem com o restante da aparência do site?

• Existem conceitos de design que eu ignorei e não implementei?

Ainda sou um pouco novo no design de sites, portanto, seja o mais rigoroso possível com isso.

Ótimo design! Eu gosto especialmente da animação do átomo à direita.

Eu gosto das suas cores. Como alternativa, você pode usar um azul escuro como plano de fundo. Isso confere à página uma profundidade como o céu azul noturno:

Usei o Colorizr.js para brincar com sua paleta de cores. Se você deseja ajustar suas cores, use as seguintes configurações adequadas à sua página:

As cores são de cima para baixo: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)

Eu acho que o design do site funciona. Gosto das suas transições para os links do cabeçalho. Comunicação clara e concisa.

A paleta de cores me lembra uma empresa de nutrição ou similar.

Acho que a escolha da fonte funciona bem no site relacionado à tecnologia. Eu provavelmente descartaria o rosto com serifa para obter um rosto sem serifa, mas esse é um gosto puramente pessoal.

Além disso, notei que, em termos de capacidade de resposta, uma lista suspensa pode ser útil em seus cabeçalhos quando visualizada em telas pequenas (dispositivos móveis). Como sou novo no lado da codificação do design gráfico, agradeço por incluir os arquivos de origem. Provavelmente vou dissecá-lo e aprender algumas das transições de cabeçalho que você implementou.

Não é exatamente um problema de design, mas de usabilidade -
o site diz que é GRATUITO, mas quando você clica em 'VISIT DOWNLOAD PAGE', o pop-up solicita uma doação. E se eu não quiser doar antes de experimentar o software? Deve haver outra opção, como 'CONTINUAR' ou 'CANCELAR', para que o usuário possa realmente visitar a página de download e fazer o download do software, se ele / ela não doar.

Portanto, recomendo redesenhar o layout do pop-up e incluir outro botão, conforme sugerido.

Você não ganhará o designer do ano por isso. Mas quanto menos há, menos há para não gostar, eu acho.

Sua versão amarela do ícone possui reticências mais altas que largas:

É esquisito e ainda mais estranho como uma mostarda em cinza quando é colocado no ícone da guia do navegador. Se você deseja criar um ícone da guia do navegador, basta torná-lo cinza escuro ou preto.

Parece que há apenas uma coisa para clicar: "visitar a página de download". Se é tudo o que você tem, por que não é a página?

Ele pede dinheiro, mas meu navegador não dá mais nada. Talvez exista no seu navegador, mas eu uso o TorBrowser e todos vocês também devem. A NSA é má. De qualquer forma, pelo que vale, ele apenas abre um diálogo e não faz nada.