Como diseñador web, ¿cuál es su opinión sobre esta maqueta?

En resumen, el encabezado y el pie de página son los más problemáticos, pero aquí hay un freno de arriba a abajo

  1. Barra de menú: el fondo negro debe ser 100% ancho (como lo hizo en el pie de página. La fuente, no sé si es demasiado pequeña o si se ve así debido a la mala calidad de la imagen
  2. el encabezado:
    1. Eliminar el gradiente
    2. La imagen de fondo. Lo tendría tan ancho como la pantalla. Porque sus otras secciones dan la ilusión de que el sitio es 100% ancho (con razón). Si hace esto, el punto a sería redundante
    3. Agregue más altura de línea en el texto. O mucho más margen entre el título (#LATINPALOOZA), el párrafo y el botón
    4. Tal vez el párrafo debería estar en una línea.
    5. el botón, debería ser más grande y mucho más relleno hacia la izquierda y hacia la derecha y un poco más arriba y abajo
  3. La sección blanca:
    1. agregue mucho más margen arriba y abajo.
    2. el párrafo del encabezado debe dejarse alineado
    3. Me gusta el tipo de cinco manos, por supuesto, estaría oculto en las versiones móviles.
  4. La sección verde es buena. aunque el último video no tiene esquinas redondeadas en la barra de progreso.
  5. la sección de contacto negro
    1. No sé qué tiene que ver el tema alienígena con el resto del sitio, o hacerlos grises con reflejos negros para que hagamos la conexión entre ellos y el tipo
    2. los campos del formulario deberían tener mucho más relleno
    3. el botón no debe tener el relieve predeterminado.
  6. El pie de página blanco
    1. centrar los botones
    2. Agregue más relleno arriba y abajo. O haz los botones más pequeños.

No soy un profesional, yo también soy un profesional independiente, solo mis 2 centavos.
Simplemente use algunos colores planos y, en lugar de optar por el negro puro, elija alrededor del 90% de negro y no agregue colores en el lateral, limítelo al sitio web principal en la maqueta.
También centre el texto y los botones o alinéelos según sea necesario simétricamente.

Menos es más. Deshágase del degradado verde en el encabezado y haga que el héroe tenga todo el ancho.

Cambia ese fondo verde detrás de las miniaturas de los videos. El contraste es demasiado fuerte y resta valor al contenido.

El pie de página también necesita algo de trabajo. El diseño no es del todo correcto en términos de equilibrio.

Hmm, haré un pequeño escaneo y haré una lista desordenada aquí.

  • ¿Sugiero que el botón CTA en la sección superior se destaque un poco más en el fondo? Desde esta maqueta, no podría recomendarme o decirme qué debería hacer después de visitar el sitio.
  • ¿Quizás el uso de colores de fondo debería ser consistente? Aparentemente, el diseño tiene un degradado verde-negro en la parte superior y un verde sólido en el medio, lo que lo hace sentir descontinuado o desconectado.
  • El estilo del ícono en el medio debe sentirse conectado y consistente.
  • No puedo decir si el texto sobre el tipo de 4 brazos está destinado a ser un párrafo o un título principal de su sección. Puede comparar este aspecto de la sección de fondo blanco con el siguiente a continuación.
  • ¿Para qué sirven las barras de progreso de esos videos? Parece una especie de gamificación, ¿o es el progreso del video?
  • El estilo del botón del formulario inferior simplemente no coincide con el resto de la página.
  • Seguramente el pie de página podría hacerse mejor.

Parece bastante fácil para un desarrollador recrear

No estoy seguro sobre el fondo degradado en la sección superior, veo cómo se ajusta a la variedad de colores en el banner superior pero … Las áreas masivas de gradientes son algo estereotípicamente de los años 2000 para mí jajaja

Lo único que preguntaría si fueras mi diseñador es Wtf, ¿quieres que haga con el tipo de mano flaily en la vista móvil porque va a ocupar toda la pantalla sin texto jajaja

Aparte de eso, se ve probablemente mejor de lo que podría pensar, así que está bien para mí 🙂