Crítica de Diseño Web # 78 Katy Cain

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 la cartera de Katy Cain, un fotógrafo de bodas en Chandlers Ford. ¡Saltemos y veamos lo que pensamos!

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.

Acerca de Katy Cain

? Soy un fotógrafo de bodas y retratos de Hampshire con sede en Chandlers Ford. Viajo mucho por todo Hampshire y los condados circundantes, incluidos Oxfordshire, Wiltshire, Surrey, Sussex y Dorset. Por favor, eche un vistazo a mi trabajo y si cree que encajaría perfectamente en su día, me encantaría saber de usted.

Aquí hay una captura de pantalla de su página de inicio:

Primera impresión

Lo primero que noté sobre el sitio de Katy es que es limpio y mínimo. Este estilo de diseño en particular funciona bien para los sitios de fotógrafos porque permite que las fotos se destaquen claramente como los elementos más destacados de la página. Ya que las fotos son de lo que se trata el negocio, esta es una estrategia perfecta.

También me doy cuenta de que no es un sitio Flash. Los fotógrafos en general tienen una dependencia excesiva de los sitios basados ​​en Flash al 100% y siempre estoy feliz de ver a las personas que han adoptado un enfoque más respetuoso con los estándares.

La conclusión es que el sitio ha tenido un comienzo realmente sólido. Es simple, pero efectivo. Sin embargo, hay algunas áreas en las que sugeriría considerar uno o dos cambios. Vamos a ver cómo podemos mejorar el sitio.

Un poco más wow

A pesar de todos los aspectos negativos que obtienes con ellos, los sitios Flash tienen algo importante a su favor: tienden a ser bastante atractivos. A menudo, el intento de involucrarse funciona tanto que se vuelve molesto y distrae, pero al menos es un intento de hacer las cosas interesantes.

Este sitio tal vez va demasiado lejos en la otra dirección: en realidad parece bastante aburrido. Todo sobre el diseño sugiere un? Seguro? Enfoque que se mantiene alejado de todo lo que pueda considerarse en negrita. La imagen principal tiene un buen tamaño, pero no es demasiado grande, el texto es bastante homogéneo, el tipo de sans serif, la página es completamente estática; Solo creo que tenemos que darle a todos un pequeño impulso para hacerlo más interesante.

Para empezar, sugeriría hacer de la imagen principal una presentación de diapositivas de JavaScript que alterne entre tres y cinco fotos. Cuando llego a la página de un fotógrafo, lo primero y, a menudo, lo único que quiero ver es qué tipo de fotos toman y me encantaría tener un gusto más amplio desde la página de inicio.

También me gustaría ver el ancho del contenido extendido por lo menos 100px, más si es posible. Quiero que la foto principal sea grande, audaz y en tu cara.

Logo

La tipografía para el logo no es mi favorita. La fuente delgada es aceptable porque sugiere un atractivo femenino y como Katy es una mujer, esta idea funciona. Sin embargo, no estoy seguro de si es algo con la resolución de la imagen o la forma en que se representa el tipo de letra real, pero las curvas se vuelven irregulares y pixeladas en lugar de agradables y suaves. Mi atención atrae continuamente esta distracción y recomiendo un intento de abordarla.

Además, la segunda línea del logotipo es bastante pequeña y difícil de leer. Sé lo que dice de inmediato, pero si realmente lo miro, el efecto hace que me duelen un poco los ojos. Sugiero dejar caer la palabra? Profesional? Simplemente no hay necesidad de hacerlo aquí. Deja que el trabajo les diga que eres un profesional, insistiendo verbalmente en que eres uno, irónicamente, te hace sonar como un principiante. Eliminar esta palabra liberará espacio horizontal para que el resto sea un poco más grande.

Navegación

Aprecio los toques sutiles de diseño, pero ese pequeño ícono de una casa diminuta (que se muestra arriba en el tamaño real) lo está presionando. Es tan increíblemente pequeño que probablemente sea más una distracción que algo que mejore la estética de la página en cualquier nivel. Es en serio el ícono más pequeño que he visto.

Aparte de esto, creo que la navegación funciona bien. Sin embargo, sugiero que lo coloques unos pocos píxeles a la derecha, así que está perfectamente a ras de la imagen debajo. Sus casi allí, pero no del todo. Tengo un artículo completo dedicado a ¿cómo? ¿Casi? Es una mala palabra para los diseñadores.

Vamos a repensar el diseño

Creo que el diseño actual es un poco incómodo, especialmente cuando se trata del tipo. La gran parte del texto alineado en el centro debajo de la foto principal definitivamente necesita algo de trabajo. En primer lugar, las columnas anchas de texto alineado en el centro son el enemigo mortal de la legibilidad, evítelas a toda costa. Los párrafos alineados a la izquierda son el camino a seguir en una situación como esta y la alineación justificada de la página en su conjunto se adapta perfectamente a esto.

Además, este es su principal mensaje de bienvenida, pero no se destaca de ninguna manera. Es justo allí; Texto aburrido y simple que no se diferencia de manera significativa.

Le propongo que renueve el diseño de toda la página. No será una empresa importante, solo algunos cambios y cambios. La estética general se mantendrá también. Sin embargo, estos ajustes harán que se sienta como un sitio completamente nuevo, lleno de personalidad e impulsado por un ambiente acogedor.

Empecemos con ese gran párrafo. Lo que necesitamos aquí es un poco de contraste, tanto en tamaño como en audacia. Creé una solución de tres niveles que es mucho más atractiva que un párrafo monótono.

Como puedes ver, comienza con un gran, audaz? Hola?Luego pasa a un párrafo introductorio principal que es lo suficientemente grande como para ser un titular, pero no tan grande que compita con el mensaje inicial de saludo. Finalmente, el resto del texto de apoyo se arroja a un párrafo más pequeño.

Combiné esto con un reformateo del diseño general para que esté mucho más anclado al lado izquierdo. Esto aprovecha el? F? Patrón que muchos lectores tienden a seguir al navegar por la web. Aquí está el panorama general:

Este nuevo diseño es limpio, moderno y profesional, a la vez que hace que Katy parezca el tipo de persona amigable con la que te gustaría trabajar.

Otras paginas

Las otras páginas en el sitio podrían usar una revisión similar. Varios son texto puro con algunos de los mismos problemas que el párrafo en la página de inicio. Recomiendo rematar algunas de estas páginas con una bonita foto grande para mantener las cosas interesantes.

Además, tome la lección de diferenciación de texto de arriba y aplíquela en estas páginas de soporte: titulares más grandes, más audaces y comunicación claramente escalonada que pone énfasis en los aspectos más importantes del mensaje.

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