Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos las áreas que se realizan bien además de las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es BDQWorks, una compañía de diseño y desarrollo de temas de Drupal / WordPress.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 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 BDQWorks
BDQWorks es un pequeño estudio de programación y diseño web de Jason Saeho Lee de Toronto, Ontario, Canadá. BDQWorks trabaja principalmente para empresas medianas de Canadá como Kudos Home & Design y varias sensaciones de YouTube como Clara C.
Aquí hay una captura de pantalla de la página de inicio:
Impresión inicial
BDW Works es una agencia de diseño, por lo que me pondría en una posición incómoda si pensara que su sitio era feo, afortunadamente no lo hago. Definitivamente hay algunas cosas por las que no estoy particularmente entusiasmado, pero la mayoría de ellas se reducen a una forma de preferencia.
En general, el sitio es utilizable y está muy bien diseñado, al igual que el trabajo que BDQWorks realiza diariamente. Vamos a desglosar algunas de las piezas individuales para ver lo que encontramos.
Menú de Navegación
Si sigues estas críticas semanalmente, sabrás que una de las primeras cosas que siempre miro en un sitio es el menú de navegación. Este es el componente clave para que los usuarios lleguen a donde quieren ir y yo creo firmemente que este elemento tiene que ser acertado para que un sitio web sea exitoso.
El menú de BDQWorks es realmente único y tiene una estructura diferente a la que he visto en otros sitios. Aquí hay una vista previa:
Como puede ver, los menús desplegables no solo contienen una lista de enlaces, sino también un pequeño fragmento de información. En realidad, esto es bastante bueno y te da una idea de lo que puedes esperar si sigues ese enlace en particular.
La desventaja de esto es que se siente tan diferente que tardé un segundo en darme cuenta de lo que estaba sucediendo, especialmente debido a que los distintos despliegues cambian las alineaciones en usted, dejándole sin saber qué esperar cuando pase la próxima opción.
Para evitar ese cambio discordante, recomendaría dar a todos los menús desplegables la misma alineación para que la lista de enlaces y la descripción nunca cambien de lado. Además, podría considerar cambiar el efecto de desplazamiento hacia una barra de color real detrás del texto para que sea más obvio que el texto simplemente cambiando de color. Con el gran menú lleno de contenido, esto ayudará a guiar al usuario a qué opciones debe hacer clic.
Ilustraciones
El tema personalizado del sitio parece ser esta pequeña gente ilustrada que aparece en varios lugares. Están intencionalmente dibujados de manera aproximada y brindan un toque amigable y antropomórfico al sitio.
Para ser honesto, no estoy loco por el estilo de la ilustración. En última instancia, esto se reduce a una forma de preferencia, pero creo que en realidad sirven para derribar la estética general del sitio.
La foto del cliente, que reemplaza a estos personajes después de unos segundos de ver el sitio, es mucho más atractiva y atractiva. Se presta a la idea de que produce un trabajo de alta calidad en lugar de contrarrestar esa noción como lo hacen las ilustraciones.
Navegación secundaria
Alrededor de la mitad de la página hay una fila horizontal de imágenes y enlaces a los que me referiré como navegación secundaria. Estos representan un servicio que BDQWorks ofrece y muestra una imagen de un escritorio compatible con Mac.
Al final de esto, sin embargo, hay una pequeña caja que simplemente dice "Temas". Me gusta y me disgusta este toque. Lo que me gusta es la idea y la intención que hay detrás. Querías darle atención especial a esta área para que se viera diferente a las demás. Rompe el tema de la foto, el tamaño uniforme establecido por los demás y la elección de la fuente.
El problema es que viola el aspecto de los demás sin complementarlo. De la misma manera que dos colores pueden entrar en conflicto o complementarse, dos objetos visuales pueden chocar o encontrar armonía. Esta última pequeña caja realmente se ve fuera de lugar, casi como si un diseñador completamente diferente la hubiera atrapado como una idea de último momento.
Mi recomendación es repensar esta área. Primero, divide el área en cinco cajas de igual tamaño. A continuación, coloque los? Temas? Caja en el medio. Si quieres darle atención, este es un buen lugar. Por último, utiliza el color y el tamaño de fuente solo para diferenciarlo. Creo que una caja negra contrastaría muy bien con las otras sin ser torpe. Quizás pueda quedarse con el tema del iMac (pegar los logotipos en la pantalla del iMac) y las fuentes utilizadas en otros lugares, aunque sean ligeramente grandes o más audaces.
Mensajes sólidos
Un lugar donde creo que BDQ realmente hace un gran trabajo es manejar la comunicación en la página. Por todas partes que veo, recuerdo que se trata de una empresa de diseño web especializada en Drupal y WordPress. ¡Simplemente no te lo puedes perder! Esto es una gran cosa para los visitantes por primera vez, ya que aclara de inmediato el propósito del sitio y la identidad de la empresa.
Como puede ver en la imagen de arriba, una de las primeras cosas que ve en la página es una descripción de quién es la empresa y una lista de los servicios que ofrecen.
Este concepto es llevado aún más lejos por el video de introducción en el lado izquierdo de la página de inicio, que le presenta BDQWorks, le muestra parte de su trabajo y contiene entrevistas con clientes reales que firman los elogios de la compañía. Este video está muy bien producido y realmente me da la confianza de que se trata de una empresa profesional de primera categoría y de que puedo confiar tanto en la calidad del trabajo que producen como en el servicio al cliente que brindarán.
¡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.