Crítica: diseño del sitio web Tritium

En seguimiento a esta pregunta: Crítica: diseño del logotipo del software Tritium . Para revisar el código del sitio web (rendimiento, errores, experiencia de usuario relacionada), visite la pregunta hermana en Revisión de código .

Estoy buscando una revisión del diseño de mi sitio web Tritium ( código fuente ).

Específicamente:

• Un objetivo del sitio web era mantenerlo simple. ¿He logrado eso?

• ¿Se complementan los colores de mi paleta?

  • Antecedentes: #171d25
  • Átomo animado: #333
  • Logo: #f8bd24
  • Texto del enlace: #6e6e6e
  • Encabezado de marca, texto de enlace de desplazamiento, botón: #78C40F
  • Barra de navegación: #000
  • Cuerpo de texto: #fff

• ¿Todas las críticas anteriores se implementaron correctamente en cuanto al diseño? ¿Me fui por la borda?

  • Implementado el diseño del logotipo de @ DA01 ( usado con permiso ).
  • Se agregó el átomo al fondo por una de las sugerencias de @ Yisela , animación cortesía de @squeamishossifrage .
  • Intenté mantenerlo simple basado en las numerosas sugerencias.

• ¿Mi elección de fuente funciona bien con el resto del aspecto del sitio web?

• ¿Hay algún concepto de diseño que haya pasado por alto y que no haya implementado?

Todavía soy algo nuevo en el diseño de sitios web, así que sea tan duro como sea necesario con esto.

¡Buen diseño! Me gusta especialmente la animación del átomo a la derecha.

Me gustan tus colores Como alternativa, puede usar un azul oscuro para el fondo. Esto le da a la página una profundidad como el cielo azul nocturno:

Solía Colorizr.js para jugar con su paleta de colores. Si desea ajustar sus colores, use la siguiente configuración que se ajuste a su página:

Los colores son de arriba a abajo: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)

Creo que el diseño del sitio web funciona. Me gustan sus transiciones para los enlaces de encabezado. Comunicación clara y concisa.

La paleta de colores me recuerda a una compañía de nutrición o similar.

Creo que la elección de fuente funciona bien para el sitio web relacionado con la tecnología. Probablemente descartaría la cara serif por una cara sans-serif gratuita, pero eso es un gusto puramente personal.

Además, noté que, en términos de capacidad de respuesta, un menú desplegable podría ser útil en sus encabezados cuando se ve en pantallas pequeñas (móviles). Como soy nuevo en el lado de la codificación del diseño gráfico, le agradezco por incluir los archivos fuente. Probablemente lo diseccionaré y aprenderé algunas de las transiciones de encabezado que implementó.

No es exactamente un problema de diseño, sino de usabilidad:
el sitio dice que es GRATUITO, pero cuando hace clic en "VISITAR PÁGINA DE DESCARGA", la ventana emergente solicita una donación. ¿Qué sucede si no quiero donar antes de probar el software? Debería haber otra opción como 'CONTINUAR' o 'CANCELAR' para que el usuario pueda visitar la página de descarga y descargar el software, si es que no dona.

Por lo tanto, recomendaría rediseñar el diseño de la ventana emergente e incluir otro botón como se sugiere.

No ganarás al diseñador del año por eso. Pero cuanto menos hay, menos hay que disgustar, supongo.

Su versión amarilla del icono tiene puntos suspensivos más altos que anchos:

Tiene un aspecto extraño e incluso más extraño como una mostaza en gris cuando se coloca en el icono de la pestaña del navegador. Si va a hacer un ícono de la pestaña del navegador, hágalo gris oscuro o negro.

Parece que solo hay una cosa para hacer clic en "visitar la página de descarga". Si eso es todo lo que tienes, ¿por qué no es la página?

Pide dinero pero mi navegador no da nada más. Tal vez lo hace en su navegador, pero yo uso TorBrowser y ustedes también deberían hacerlo. La NSA es malvada. De todos modos, por lo que vale, simplemente aparece un cuadro de diálogo y no hace nada.