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 Aaron Storry Photography.
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.
Acerca de Aaron Storry Photography
Aaron es un fotógrafo profesionalmente entrenado y altamente experimentado ubicado en Higham Ferrers, Northamptonshire. Su experiencia es mayoritariamente en fotografía de bodas, retratos, paisajes y fotografía de situaciones francas, sin embargo, también tiene gran experiencia en HDR (High Dynamic Range Imaging) y Tilt-Shift.
Aquí hay una captura de pantalla de la página de inicio:
Pensamientos iniciales
Si ha estado siguiendo nuestras críticas de diseño por un tiempo, puede reconocer este sitio. Aaron Storry también fue crítico de diseño web # 5! En ese entonces dije que realmente me gusta el sitio, y la declaración es aún más cierta hoy. Aquí está el diseño de la página de inicio original.
Como puede ver, en comparación, la versión anterior se siente mucho más simple y un poco vacía. El nuevo sitio parece que se ha puesto mucho más trabajo tanto en el contenido como en la estética. No es frecuente que elogie a un diseñador por abarrotar Más contenido en su página de inicio, pero en este caso definitivamente creo que lo necesitaba.
Realmente me gusta que Aaron haya decidido mantener la esencia del diseño anterior, mientras lo lleva al siguiente nivel. Si fuera un cliente familiarizado con el sitio anterior, el nuevo no le sorprendería, se sentiría más como una actualización que como un nuevo diseño completo.
Echemos un vistazo a cada parte de la página de inicio y veamos cómo / si ha mejorado y si creemos o no que se pueden realizar mejoras adicionales.
Navegación
El sitio antiguo tenía una barra de navegación que corría por el costado. Algunas personas aman la navegación lateral, otras la odian, pero esta se implementó bastante bien. La razón por la que funcionó es porque se arregló de modo que cuando se desplaza, la navegación llegó para el viaje, facilitando el cambio de páginas desde cualquier lugar.
Sin embargo, esta funcionalidad no estaba presente en los lugares que más la necesitaban: las largas páginas de la galería. Esta inconsistencia fue una caída importante del sitio anterior. El nuevo sitio abandona por completo la barra lateral y, en cambio, opta por una navegación superior.
Si una navegación superior es o no mejor que una navegación lateral es una discusión para otro día, pero en este caso, definitivamente creo que es una mejora. En primer lugar, la barra lateral estaba consumiendo gran parte del ancho de la página, que, como vemos ahora, tiene un gran potencial para mostrar otro contenido. Mantener la navegación en la parte superior ha reducido la huella de esta parte del sitio al mismo tiempo que se coloca en una ubicación lógica. Lo que quiero decir con eso es que cuando alguien va en busca de la navegación, va a comenzar en la parte superior de la página.
En la medida de lo posible, no estoy seguro de si estoy loco por la forma repetida detrás de los menús desplegables de navegación. Creo que una simple caja oscura puede proporcionar más contraste y sentirse menos incómodo.
Diapositivas
No puedo decir lo suficiente sobre esta área. Mover la navegación hacia arriba para hacer más espacio para la presentación de diapositivas es la mejor decisión que se tomó en el rediseño. Los fotógrafos deben mostrar una cosa sobre todo en sus sitios: sus fotos.
Esto es el 99.9% de cómo será juzgado por clientes potenciales y nada hace una buena impresión como una gran presentación de fotos que muestra su mejor trabajo. Si eres un fotógrafo, deberías buscar emular esto en tu sitio. De hecho, recientemente publicamos un tutorial sobre cómo crear una presentación de diapositivas a pantalla completa para su página de inicio.
Más allá del tamaño de la presentación, la implementación es sólida. Para empezar, es JavaScript en lugar de Flash, que siempre es una ventaja. Los controles también son simples pero fáciles de detectar y usar.
Contenido informativo
La segunda gran mejora para este sitio es la inclusión de mucha información útil en la página de inicio. Antes, los usuarios tenían que profundizar mucho más en el sitio para aprender sobre Aaron y sus servicios, lo que no es ideal para los visitantes curiosos por primera vez. Ahora, sus servicios están claramente establecidos con enlaces a cada sección del sitio.
La organización de esta información es realmente genial. Muchas de estas críticas incluyen críticas sobre cómo se presenta la información en la página de inicio porque es muy fácil hacer que se vea como un desastre no organizado. Sin embargo, aquí tenemos secciones claramente separadas con un flujo de información fácil de seguir y principios de alineación sólidos que se están poniendo en práctica. Me gusta especialmente el uso de cuadros grises para separar el contenido a la izquierda del que está a la derecha, ¡un bonito toque!
Otras paginas
El gran diseño no se detiene en la página de inicio. El diseño establecido aquí se lleva a cabo muy bien en todo el sitio. Recuerde que es perfectamente aceptable reutilizar una versión modificada del diseño de su página de inicio para sus otras páginas, ¡no necesita reinventar la rueda cada vez! Aquí el diseñador estableció un patrón predecible y familiar, que ayuda a la facilidad de uso a medida que se acostumbra rápidamente al diseño básico.
Incluso cuando el diseñador tuvo que replantearse completamente un diseño, como en el caso de la página de la tienda, realmente lo sacó del parque. El diseño basado en cuadrícula es súper sólido y funciona perfecto aquí. Otros detalles agradables incluyen los efectos de desplazamiento y una barra lateral funcional y limpia.
¡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.