Nuestras críticas de diseño web han sido un éxito tanto para los clientes como para los comentaristas. ¡Sigan con el excelente trabajo brindando ideas y sugerencias de calidad!
El sitio de hoy es Firefly, la página de inicio de una agencia de contratación de trabajo social con sede en el Reino Unido.
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.
Luciérnaga
Según su propia definición,? Firefly es una consultora de reclutamiento que se especializa en la contratación, colocación y administración de profesionales de trabajo social en roles de los sectores público y privado en todo Londres y sus condados vecinos. Nuestro enfoque de reclutamiento es personal y consultivo.
Aquí está la página de inicio de su sitio web:
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-3-firefly.jpg)
En general, el diseño del sitio es realmente agradable y tengo muchas cosas buenas que decir al respecto. Veamos algunos de estos en profundidad.
Esquema de colores
En primer lugar, me gusta mucho la paleta de colores en el trabajo aquí. Utiliza todos los colores claros que son agradables a la vista y se ven hermosos juntos.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-3-firefly_2.jpg)
El color más atrevido aquí es el verde y el diseñador lo utilizó en cantidades perfectas. Se dispersa bastante en la parte superior del sitio, solo en lugares clave en todo el contenido, y tiene una gran apariencia como el color principal del pie de página (¡en tres variaciones!).
Atención a los detalles
Hay un montón de pequeños trozos de diseño repartidos por toda la página que son solo buenos detalles. Muestra que el diseñador se tomó el tiempo para ir despacio y obtener la interfaz correcta en lugar de apresurarse para publicar algo.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-3-firefly_3.jpg)
Repetición
La repetición es uno de los aspectos clave de un diseño y un principio que es mal entendido o completamente desconocido para muchos diseñadores web. Este diseñador lo utilizó con maestría no solo a través de la repetición del verde como se mencionó anteriormente, sino también a través del uso del elemento circular del logotipo.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-3-firefly_4.jpg)
La repetición de un elemento en una página como esta hace que el diseño parezca más cohesivo. También le da al ojo algo familiar para detectar mientras navega por la página.
Diseño
El diseñador optó por implementar un diseño de tres columnas y se quedó con él en toda la longitud del sitio. Las alineaciones son fuertes y las columnas se ejecutan muy bien. La separación visual de la columna del extremo derecho mediante el uso de un color de fondo más oscuro es un toque excelente, ya que ayuda a resaltar el contenido principal y a romper la monotonía de una gran página en blanco.
Cosas para mejorar
En general, el diseño es uno de los más fuertes que hemos visto hasta ahora para una crítica. Sin embargo, hay algunos pequeños ajustes que podrían hacerse.
Resolución de imagen
Debido a que tengo un fondo impreso, tiendo a ser una resolución nazi. El logotipo en la parte superior izquierda no solo representa la marca de la empresa, sino que también es una de las primeras cosas que un usuario ve cuando accede a la página. Por esta razón, debes asegurarte de que sea agradable y crujiente.
He volado un poco el logo para mostrarte lo que quiero decir. Es cierto que esto empeora el problema, pero es una buena ilustración de lo que se debe buscar en un nivel más pequeño al guardar imágenes.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-3-firefly_5.jpg)
Preste especial atención a los artefactos de imagen y la degradación. Este logotipo es bastante pequeño y no debería atascar el sitio si se guardara en una resolución más alta.
Texto pesado
Quizás el peor problema visual con esta página es que es tan pesado como el texto. Es simplemente una gran cantidad de información para lanzarle a alguien cuando aterriza por primera vez en su sitio. Esta lectura puede llevar mucho tiempo e intimidar y puede llevar al usuario a ignorar el texto por completo.
Consideraría reducir esto a las necesidades básicas y colocar cualquier información no crucial en una página de soporte en lugar de darle prominencia aquí.
Usabilidad
Hay un pequeño problema de usabilidad con parte del texto en la página. No estoy seguro de qué lo está causando, pero en Safari el texto en la columna de Bienvenida no es seleccionable.
Sé que suena delicado, pero lo importante de tener texto en vivo es que tenga una copia limpia, nítida y completamente seleccionable (y, por lo tanto, que se pueda copiar y pegar) en la página.
Recomiendo echar un vistazo a su código para ver qué está causando este error.
Dos clips
Como dije anteriormente, la repetición es algo bueno en el diseño. Sin embargo, como también señalé, a menudo es mal entendido o mal usado. El clip de papel es un elemento gráfico agradable y hubiera sido bueno repetirlo en otra parte de la página, pero al poner dos de ellos tan cerca uno del otro, esta sección sufre de un síndrome de clonación de Photoshop.
![](http://lesptitesaffairesdemayl.be/img/images_1/web-design-critique-3-firefly_6.jpg)
Creo que usar un solo clip aquí sería una declaración más fuerte. Si realmente quieres quedarte con dos, asegúrate de que no sean idénticos. Gire uno o gírelo para proporcionar una pequeña variació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 claros y constructivos sin ningún insulto.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.