Crítica del diseño web # 51: amantes del pincel

Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos ambas áreas que están bien hechas, además de aquellas que podrían necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.

El sitio de hoy es BrushLovers, una tienda en línea para pinceles de Photoshop dirigida por Walter Apai de Web Designer Depot.

Si desea enviar su sitio web para que aparezca en una futura Crítica de diseño, solo le llevará unos minutos. Cobramos $ 49 por criticar su diseño, ¡mucho menos de lo que pagaría si un consultor visitara su sitio! Puedes encontrar mas aqui.

Acerca de los amantes de los pinceles

"Nuestros pinceles están meticulosamente diseñados con horas de trabajo en cada forma".

“BrushLovers tiene una de las mayores colecciones de pinceles de Photoshop exclusivos y de alta calidad en la Web. Contamos con cientos de pinceles de Photoshop que son gratuitos para uso personal y comercial. ¡No encontrarás esta colección en ningún otro lugar! También tenemos una hermosa selección de pinceles premium que se venden desde solo $ 3, o puede comprar paquetes de pinceles de descarga por menos. Nuestros cepillos están meticulosamente diseñados con horas de trabajo en cada forma. Todos son de alta resolución y perfectos tanto para diseño web como para impresión ”.

Aquí hay una sección de la página de inicio:

Primera impresión

Creo que BrushLovers es un sitio de gran apariencia, lo que no sorprende, ya que está administrado por un hombre que posee uno de los mejores blogs de diseño web. ¡Siempre es bueno ver que alguien practica lo que predica!

El diseño es hermoso, pero altamente funcional. Cualquiera puede ver este sitio y saber de inmediato qué es y cómo funciona, se sorprenderá de lo difícil que es lograr ese objetivo aparentemente simple.

A medida que mueve el mouse por el sitio, puede ver que hay muchos efectos visuales en forma de efectos de desplazamiento suaves y animados. Hay algunos CSS3 y JavaScript sólidos en funcionamiento aquí debajo del capó que hacen que una experiencia ya sólida sea aún mejor.

Saltemos al meollo de la cuestión y separemos algunos de los elementos más finos del sitio.

Logo BrushLovers

Odio criticar los logotipos como parte de un sitio web simplemente porque muchos diseñadores web no tienen control sobre el logotipo que se les dio o porque simplemente arrojan algo rápido y feo como una ocurrencia tardía.

Este logo es un cambio refrescante. ¡Combina un trazo de pincel, la letra "b" y un corazón y al hacerlo dice todo lo que necesita decir!

Curiosamente, sin embargo, no puedo evitar pensar en una versión inversa del antiguo logotipo de Jiffy Lube cuando lo miro.

Navegación

Me encanta cómo la navegación se ubica justo encima del contenido, unificando las dos secciones típicamente separadas. El diseño utiliza un gradiente CSS, efecto de desplazamiento invertido y un menú desplegable considerable pero limpio para las categorías.

Las esquinas redondeadas son un buen toque y este es un hermoso ejemplo del uso de la API de fuentes de Google para salir de la caja con sus fuentes web. La fuente aquí es Cuprum, nada loca o excesivamente adornada, solo una fuente mayúscula comprimida agradable y redonda que se adapta perfectamente al tema.

Gráfico de fondo

El gráfico de fondo aquí realmente termina muy bien el diseño. La pintura abstracta con textura de acuarela es absolutamente perfecta para un sitio que vende pinceles. Es lo suficientemente audaz como para tener un fuerte impacto en la página y lo suficientemente sutil como para no restarle importancia al comentario principal.

Mensajería

La mensajería para el sitio es súper simple, y por eso es tan fuerte. El color rojo se está utilizando de manera experta aquí para desviar su atención. Tan pronto como cargue la página, el rojo en negrita en el logotipo llama su atención, que luego se desvía al siguiente lote grande de rojo en el texto "Nos encantan los pinceles".

Observe lo que el diseñador ha hecho aquí. En lugar de simplemente insertar un aburrido bloque de texto, primero creó un título muy visual que lo atrae y luego coloca una breve explicación del sitio al lado.

Galería

Por supuesto, uno de los aspectos más importantes de todo el diseño es cómo se representan los pinceles. La mayor parte de la página de inicio está dedicada a una gran galería filtrable de vistas previas de pinceles realmente atractivas.

Las esquinas son redondeadas, se mantienen consistentes con la navegación, puede ver algunos bordes sutiles y agradables, y toda la información sobre votación, precios, etc., se coloca en un pequeño espacio sin parecer abarrotada en lo más mínimo.

Me gusta especialmente el efecto de desplazamiento aquí, que desvanece el borde blanco y permite que la imagen se desangre hasta el borde.

Página de pincel

Al hacer clic en un pincel de la galería, se accede a esa página dedicada de pinceles. Las fuentes aquí son una vez más redondas y comprimidas (repetición) y el diseño de todas las piezas aquí es perfecto. Hay mucha información, enlaces, botones para compartir, etc. pero no parece una gran cantidad de cosas, lo cual es difícil de lograr.

Particularmente me gusta ese enorme botón "Comprar ahora", que se destaca tanto que simplemente no te lo puedes perder.

Pie de página

Por último, pero no menos importante, incluso el pie de página de este sitio es magnífico. Como todo lo demás, está muy bien organizado y se alinea perfectamente con el contenido que se encuentra arriba. Me gusta cómo viola el diseño lo suficiente como para sobresalir y al mismo tiempo seguir con el mismo tema visual.

Conclusión

Sin duda, he dicho y comentado sobre este sitio durante el tiempo suficiente. Es raro que haga una de estas críticas sin encontrar nada negativo que decir, pero este diseño realmente es tan bueno.

He visto innumerables sitios de recursos de diseño que toman casi el mismo diseño exacto pero lo implementan mal. Realmente se puede decir que este diseñador se tomó el tiempo y el cuidado de hacer todo bien. Todo se siente suave, se ve muy bien y funciona perfectamente. ¡Muy bien hecho!

¡Tu turno!

Ahora que ha leído mis comentarios, participe y ayude dando al diseñador algunos consejos adicionales. Háganos saber lo que piensa 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 un consejo constructivo claro y libre de cualquier insulto.