Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que se realizan bien como las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es We Can Service Your Car.
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? Podemos darle servicio a su auto?
? Nuestros clientes están en el corazón de lo que hacemos. Estamos aquí para eliminar todo el humo y los espejos que dan mala reputación al motor. El servicio de automóviles ha cambiado y nuestro negocio está completamente alineado con el nuevo enfoque del servicio de automóviles. Nos esforzamos por ahorrar dinero a nuestros clientes, brindarles el mejor servicio posible y darles confianza en lo que decimos ".
Aquí está la página principal del sitio:
Este es un sitio interesante y debería darnos muchos puntos para discutir. Saltemos a la derecha y analicemos el sitio pieza por pieza.
Fondo
El fondo del sitio web es esta ilustración de plano de engranaje. En su mayoría está cubierto por el contenido, pero se ve lo suficiente como para que puedas decir lo que está pasando.
Los coches no son lo primero que me viene a la cabeza cuando pienso en planos, pero la referencia a la maquinaria hace que funcione. Me encanta el gráfico como una pieza independiente, pero creo que podría atenuarse un poco en el sitio web para evitar la confusión visual. Recomiendo reducir la opacidad un poco más para que sea apenas visible. También puedes considerar reducirlo un poco.
Encabezamiento
Cuando miramos el encabezado, podemos ver inmediatamente el tema que se va a transmitir en todo el sitio. Las esquinas redondeadas con sombras, alternan los tonos de azul con algunas tipografías blancas y audaces.
Mi primera impresión fue que la navegación parecía enorme. Esto, combinado con el logotipo del automóvil, hace que de repente parezca un sitio para niños. Sin embargo, tal vez su mercado objetivo incluya a personas mayores que ya no pueden trabajar en un auto por sí mismas u otros tipos no tecnológicos. Si este es el caso, los botones grandes probablemente serán apreciados por sus usuarios. A veces la usabilidad triunfa sobre la estética. Solo asegúrese de considerar para quién está diseñando y trate de atraer sus necesidades.
Volver al logo del coche. Me gusta el concepto, tiene mucha personalidad. Sin embargo, la ejecución no es la mejor. No estoy seguro de cómo solucionarlo sin volverlo a diseñar completamente, pero es posible que la persona que creó el logotipo presente algunos bocetos alternativos. Si decide seguir con el logotipo actual, asegúrese de limpiar los bordes. Actualmente están un poco dentados y pixelados, especialmente alrededor del área del parabrisas.
Bienvenido
La siguiente área en la página comunica efectivamente mucha información en un espacio pequeño. Las viñetas son efectivas y eficientes aquí y los nombres de los fabricantes de automóviles que se desplazan continuamente en la parte inferior refuerzan el? ¿Cualquier automóvil? aspecto.
El diseñador ha elegido traer algo de rojo aquí para dar énfasis. Viola el esquema de color y, por lo tanto, llama tu atención de inmediato. Me gusta la cita de extracción y cómo está perfectamente alineada en la parte superior e inferior con la copia en viñeta.
El problema con esta área, y de hecho gran parte del sitio, es la jerarquía visual. Como dije, el rojo ayuda a enfatizar los puntos apropiados, pero todo lo demás aquí todavía está compitiendo por la atención en lugar de la configuración para tener una clara delimitación de importancia.
Por ejemplo, todo el texto en el sitio está en negrita? todo ello. El texto en negrita es excelente para agregar énfasis donde sea necesario, pero surge un problema cuando lo llevas demasiado lejos: si todo es especial, entonces nada es especial. Recomiendo repensar sus opciones de tipografía y reducir el peso en la mayor parte del texto, dejando solo las partes más importantes en negrita.
Además, el concepto de jerarquía también se aplica al tamaño. Observe cómo? ¿Bienvenido? el titular tiene el mismo tamaño (o cierre) que la copia en viñeta. De nuevo vemos un caso de competir por atención. Dado que el título define e introduce la sección, aumente su tamaño y reduzca el de los puntos de bala.
Aquí hay una maqueta rápida y sucia de esta sección re-imaginada con un mejor uso de la jerarquía visual. No tiene que hacerlo exactamente de esta manera, simplemente enfóquese en cómo se divide la información de una manera mucho más clara.
Contenido
El área de contenido es atractiva y trae una fotografía amigable, pero tiene el mismo problema con todo el texto en negrita.
Otra sugerencia clave aquí es hacer que las fotos y el texto inmediatamente debajo de ellas sean una unidad visual. En este momento, tiene dos elementos visuales distintos apilados uno encima del otro cuando podrían unirse fácilmente de una manera más cohesiva. De nuevo, esto es rápido y sucio, pero entiendes la idea.
Pie de página
Por último, echemos un vistazo al pie de página. El contenido aquí es bastante simple, pero se ha diseñado para que parezca mucho más complejo y confuso de lo que realmente es.
En primer lugar, el rojo trabajó en el blanco de arriba, pero el rojo definitivamente no funciona en el azul. Los dos colores brillantes uno encima del otro entran en conflicto en lugar de contrastar. Además, el texto realmente necesita algo de trabajo. Nuevamente, cambie un poco la audacia, reduzca la prominencia de la línea de derechos de autor y arregle el botón de búsqueda incómodo que es mucho más largo que la palabra que contiene (reduzca el ancho, centre el texto en el botón).
El pie de página adhesivo que mantiene el número de teléfono con usted mientras se desplaza es un buen toque. A menudo, cuando alguien visita el sitio web de un negocio físico, solo quiere una cosa: el número de teléfono. El número de teléfono aquí permanece con usted a medida que se desplaza por el sitio, por lo que es casi imposible que se pierda.
¡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 claros y constructivos sin ningún insulto.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.