Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que están bien hechas como las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Holds Worth Design.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 24 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.
Acerca de Holds Worth Design
? Holds Worth Design es un galardonado estudio de diseño web, diseño gráfico y comunicaciones en Edmonton, Alberta. Los sitios web de Holds Worth se han presentado en varias galerías prestigiosas de "Mejor diseño", como thebestdesigns.com, coolhomepages.com, newwebpick.com, dailyslurp.com, creattica.com y muchas más.
Aquí hay una captura de pantalla de la página de inicio:
Primeras impresiones
Sin duda, este es un diseño realmente atractivo. Los colores son hermosos, las imágenes son vívidas y el diseño es sólido. El diseñador ha hecho un excelente trabajo en la estética general y todo lo que sugerimos será bastante menor.
A continuación, dividiremos el diseño pieza por pieza para que podamos asegurarnos de encontrar todo lo que funciona y lo que no.
Encabezamiento
Si este encabezado está destinado a captar la atención del usuario y atraerlo, está funcionando. Las pancartas azul marino y marrón adornadas con dorado contrastan bellamente con el borroso fondo fotográfico. Es un gráfico impresionante que realmente hace la página.
Sin embargo, un aspecto interesante de este encabezado es el período de tiempo que sugiere. De un vistazo veo un sitio con el logotipo de un castillo y pancartas triangulares que se sienten perfectos para el motivo del castillo. Sin embargo, el resto de la página salta directamente a la revolución industrial (el período de tiempo se confunde aún más con la foto de burbujas borrosas).
Por mucho que odie sugerir cambiar el gran diseño, es un conglomerado bastante confuso. Se siente un poco como si el diseñador hubiera cambiado de opinión en la mitad de la página.
Le sugiero que considere mantener el diseño básico a continuación, pero crear gráficos que se ajusten un poco mejor al encabezado. Tenga en cuenta que muy pocos de sus visitantes estarán tan OCD como yo, por lo que este no es realmente un gran problema que deba abordarse de inmediato.
Navegación
La navegación aquí es un menú desplegable bastante básico. El aspecto importante aquí es la funcionalidad. El desarrollador utilizó algo de JavaScript para suavizar el menú con transiciones y retrasos. Sin embargo, el menú en realidad todavía funciona bastante bien sin JavaScript habilitado. Esta degradación elegante muestra que quien construyó el sitio estaba dispuesto a tomarse el tiempo para hacerlo correctamente (aunque el control deslizante obviamente pierde funcionalidad).
Control deslizante de contenido
El control deslizante de imagen alterna entre tres imágenes, como se muestra arriba. Cada sección es atractiva y única y las transiciones son suaves gracias a jQuery.
Una cosa que me parece un poco extraña en esta sección es que el control deslizante de la imagen es un poco más ancho que el contenido debajo de él.
Dado que el sitio está configurado en una alineación central, realmente no estoy en desacuerdo con los diferentes anchos, solo por lo similares que son. Cuando clasifique objetos como este en su página, asegúrese de hacerlos idénticos o notablemente diferentes. Situaciones como estas en las que los elementos son casi del mismo tamaño, pero no del todo, se parecen más a un accidente que a una decisión de diseño intencional.
La solución más fácil aquí es simplemente espaciar las tres casillas de abajo un poco más para que se alineen con los límites del control deslizante de la imagen.
Cajas
Aparte de las inconsistencias visuales que mencioné anteriormente, esta sección se ve muy bien. Me encantan los gráficos de la vieja escuela y cómo el texto los envuelve.
También encuentro que estas cajas son interesantes a nivel conceptual. Sirven como un adelanto de las páginas más adelante en el sitio. Los enlaces ya se han presentado para estas páginas a través de la navegación, pero esto brinda a los usuarios que se han desplazado hacia abajo otra oportunidad más para saltar a esas páginas. Puede que sea un poco redundante, pero es probable que aumente el número de clics en una visita típica.
Pie de página
El pie de página es solo unas pocas columnas de texto, por lo que no hay mucho que comentar. Es simple y funcional, una gran combinación. Sin embargo, también está flotando en el lado izquierdo de la página. Las alineaciones a la izquierda son excelentes y las prefiero a las alineaciones centrales, pero en este caso interrumpe el flujo de la página, ya que todo lo que está por encima de ella se mueve hacia el centro.
No confunda esto como una dirección para cambiar la alineación del texto. Las columnas de texto debe permanecer alineado a la izquierda pero la sección en su conjunto debe estar centrada en la página.
¡Tu turno!
Ahora que ha leído mis comentarios, contribuya y ayude, dando al diseñador algunos consejos adicionales. Háganos saber lo que cree que es genial sobre el diseño y lo que cree que podría ser más fuerte. Como siempre, le pedimos que también sea respetuoso con el diseñador del sitio y que ofrezca consejos constructivos claros y sin insultos severos.