Crítica de diseño web # 18: dos capítulos
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 necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Two Chaps Branding, una empresa de marketing y diseño web con sede en Baltimore.
Explore los recursos de diseño
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 si un consultor visitara su sitio! Puedes encontrar mas aqui.
Acerca de dos capítulos
“Aquí en TwoChaps creemos que una marca es más que un logotipo bonito y una declaración de misión cargada con las últimas palabras de moda de la industria. Creemos que una marca es la historia de una empresa, una historia que define sus relaciones pasadas, presentes y futuras con sus clientes y clientes. Creemos que una marca es más de lo que desea ser percibido, es cómo es realmente percibido. Ya sea ignorado o alimentado, su marca lo define a usted ".
Aquí está la página de inicio de Two Chaps:
El diseño general es muy atractivo. El tema envejecido se ejecuta bien en colores, tipos y texturas, y el diseño es simple pero potente. La alineación es muy estrecha con la mayoría del contenido que comprende una columna claramente definida.
Analicemos algunos de los aspectos del diseño y veámoslos de una manera más profunda.
El logo
Me gusta mucho el trabajo que han hecho en el logotipo. El jugador de bolos y el bigote son un mensaje visual perfecto para el nombre de "Two Chaps". Del mismo modo, el tipo de letra serif fuerte es perfecto para el período de tiempo que los diseñadores están buscando.
Aunque me gusta mucho el logotipo, no puedo evitar preguntarme si sería más fuerte sin el bigote. En este momento hay dos elementos gráficos competitivos en el logotipo y reducirlo a uno solo podría mejorar la pieza. Me doy cuenta de que el bigote, las letras y el sombrero están juntos sugiriendo una cara, pero todavía se lee más como letras con bigote y sombrero.
Como gráfico principal, el jugador de bolos podría usarse en otro lugar como un elemento independiente independiente del resto del logotipo.
El encabezado
El titular es lo que más me gusta del sitio. Aunque aparece a la derecha, es uno de los primeros que mira cuando la página se carga debido a su tamaño y negrita.
El tamaño de las letras ha sido perfectamente estructurado para crear una unidad cohesiva que atraiga su atención y haga una lectura rápida. Observe cómo las palabras menos importantes (the, of) se han reducido de tamaño para dar cabida a las palabras más importantes (verdadero arte).
Dado que este es un tipo gráfico y no en vivo, definitivamente recomendaría tomarse el tiempo para trabajar en el interletraje del texto aquí. Algunas letras, como la "T" y "r" en "Verdadero", están extrañamente separadas, mientras que otras están un poco apretadas.
Es fácil olvidar este paso cuando está diseñando, pero si la tipografía va a ser una característica principal en el diseño, siempre querrá asegurarse de que el espaciado entre letras sea lo más perfecto posible.
Miniaturas de imagen
Las imágenes en la página de inicio han recibido un excelente tratamiento en la frontera. El sombreado realmente le da mucha profundidad a las imágenes, ya que crea tres niveles separados.
Por defecto, las imágenes son en escala de grises, pero si pasa el mouse sobre ellas, se despliegan un píxel o dos (¿intencional?) Y se vuelven a todo color. Este es un efecto agradable con el que es divertido jugar si está visitando el sitio por primera vez.
La barra lateral
Como puede ver, la barra lateral es una cinta vertical que contiene el logotipo, la navegación, un par de botones sociales y cierta información legal. Si revisa el sitio en vivo, verá que el pie de página se mantiene convenientemente fijo mientras el sitio se desplaza. Esto proporciona un fácil acceso para cambiar páginas sin importar dónde se encuentre en el sitio.
Me encanta la audacia del rojo y cuánto se destaca del resto del diseño. También me gusta el tratamiento y los colores utilizados para los botones de Facebook y Behance. Sin embargo, es un poco extraño que las letras en "Facebook" tengan una sombra tan dura que las de "Behance" no.
Las secciones de navegación de la barra lateral se expanden y contraen con una animación suave al hacer clic en los encabezados. La clave aquí es que todos los elementos siguen siendo perfectamente accesibles con JavaScript deshabilitado, los menús simplemente se muestran en la posición abierta y ni siquiera sabría que se está perdiendo nada.
Siempre es bueno hacer un esfuerzo adicional y asegurarse de que su sitio funcione para los navegadores que admiten sus pequeños obsequios visuales, así como aquellos que no lo hacen.
Pie de página
El pie de página contiene el llamado a la acción para contratar a la empresa y es otro giro bien diseñado sobre el tema envejecido.
Las líneas en la parte superior e inferior son un buen toque, así como el pequeño cartel "Haga clic aquí" con un rizo de página. Esta sección parece un poco como la de algunos "expertos" de SEO, ya que la palabra "marca" aparece muchas veces para un texto tan pequeño.
Legibilidad
Como dije anteriormente, en general me gusta mucho el diseño del sitio. Es único, audaz, atractivo y bastante funcional. Sin embargo, creo que la usabilidad del sitio está sufriendo debido al texto. Echa un vistazo a la imagen a continuación de la página "Nuestra historia".
Como puede ver, ni el título de color grande a continuación ni el texto del cuerpo blanco son muy legibles en el fondo con textura. Esto se ve agravado por el hecho de que el fondo permanece en su lugar a medida que el texto se desplaza, creando un efecto visual realmente complejo y ocupado mientras navega por el sitio.
Al final, el bonito fondo texturizado puede estar haciendo más duro que bien. Es una buena idea experimentar dejando caer su opacidad o desechándola por completo en favor de algo más simple. Puede ser desagradable de escuchar, pero si aumenta la legibilidad del texto en todo el sitio, vale la pena el esfuerzo.
¡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 consejos constructivos claros y libres de cualquier insulto.
¿Interesado en tener su propio sitio criticado? Puedes encontrar mas aqui.
