Diseño de sitio web # 51 Brush Lovers

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 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 por un consultor para que visite su sitio! Puedes encontrar mas aqui.

Sobre Brush Lovers

"Nuestros pinceles están elaborados meticulosamente con horas de trabajo en cada forma".

? BrushLovers tiene una de las colecciones más grandes de pinceles de Photoshop exclusivos y de alta calidad en la Web. Contamos con cientos de pinceles de Photoshop 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 incluso menos. Nuestros pinceles están elaborados meticulosamente con horas de trabajo en cada forma. Todos son de alta resolución y son perfectos tanto para la web como para el diseño de 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 cual no es una sorpresa, ya que está dirigido 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 precioso, pero altamente funcional. Cualquiera puede ver este sitio y saber de inmediato qué es y cómo funciona, te sorprenderás de lo difícil que es lograr ese objetivo aparentemente simple.

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

Saltemos al grano y separemos algunos de los elementos más finos del sitio.

Logo de 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 lanzan algo rápido y feo como una idea de último momento.

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!

Sin embargo, curiosamente, no puedo evitar pensar en una versión invertida del antiguo logotipo de Jiffy Lube cuando lo veo.

Navegación

Me encanta cómo la navegación se encuentra justo encima del contenido, unificando las dos secciones normalmente separadas. El diseño utiliza un gradiente de CSS, efecto de desplazamiento invertido y un menú desplegable de tamaño 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 loco o demasiado adornado, solo una fuente mayúscula comprimida redonda y agradable que se ajusta perfectamente al tema.

Gráfico de fondo

El gráfico de fondo aquí realmente termina el diseño muy bien. La pintura abstracta con textura y 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 para no restarle valor al comentario principal.

Mensajería

El mensaje para el sitio es super simple, y es por eso que 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 llamará su atención, que luego se evitará en el siguiente gran lote de rojo en los "Nos encantan los pinceles". texto.

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

Galería

Uno de los aspectos más importantes de todo el diseño es, por supuesto, 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 están redondeadas, se mantienen coherentes con la navegación, se pueden ver algunos lindos bordes sutiles y toda la información de votaciones, precios, etc., todo se coloca en un espacio pequeño sin verse abarrotado.

Me gusta especialmente el efecto de desplazamiento aquí, que desvanece el borde blanco y deja que la imagen fluya hasta el borde.

Página de pincel

Al hacer clic en un pincel en la galería, irá a esa página dedicada a los 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 es así. sensación Como muchas cosas, que es difícil de lograr.

Particularmente me gusta ese enorme? Comprar ahora? Botón, que 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 está encima. Me gusta cómo viola el diseño lo suficiente como para sobresalir y al mismo tiempo sigue pegado al mismo tema visual.

Conclusión

Sin duda alguna, me he quejado de este sitio por mucho tiempo. 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 tienen casi el mismo diseño exacto pero que lo implementan pobremente. Realmente se puede decir que este diseñador se tomó el tiempo y el cuidado para hacer que todo sea correcto. Todo se siente suave, se ve muy bien y funciona perfectamente. ¡Muy bien hecho!

¡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.