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 Distinction, hogar de una agencia de diseño web en Nottingham.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 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 la distinción
Distinction es una agencia de diseño digital que trabaja con pymes, corporaciones y organizaciones benéficas en todas las industrias. Establecida en 2001, Distinction tiene una gran experiencia en la entrega de campañas galardonadas de alto retorno de la inversión (ROI). Aunque nuestro equipo es pequeño, tenemos mucha experiencia. La distinción es propiedad y está dirigida por James y Greg Bloor, quienes, como su nombre indica, son hermanos.
Aquí hay una captura de pantalla de la página principal de Distinction:
Impresión inicial
Últimamente hemos estado criticando el diseño, ¡sigo recibiendo presentaciones que realmente me gustan! La distinción tiene un diseño de sitio sólido. Una de mis únicas preocupaciones aquí es que quizás sea un poco demasiado seguro. Todo está tan limpio, perfecto y ordenado que se siente un poco más como una plantilla que la creación de una agencia de diseño innovadora.
Realmente se reduce a quién es su público objetivo y lo que perciben como atractivo. El lenguaje en el sitio parece apuntar a un cliente corporativo muy profesional. En esta arena, el? Seguro? La ruta podría ser la mejor, ya que refleja el tipo de diseño que estos clientes probablemente estén buscando.
Diseño de encabezado
A pesar de mis afirmaciones de que el sitio se siente un poco insípido, la primera imagen en el control deslizante en la parte superior de la página realmente ayuda a impulsar el diseño de la página en algo más emocionante. La imagen de los niños superhéroes se siente audaz y cómica, un gran toque que agrega mucha amabilidad a la página.
Esta pancarta en particular también hace que usted confíe inmediatamente en la agencia. Cuando veo que clasificaste decentemente en una lista de las mejores agencias, definitivamente me siento más seguro al hacer mi inversión contigo.
Encima de la presentación de diapositivas se encuentra el logotipo y la navegación de la empresa, justo donde espera encontrarlo. Me gusta que no haya muchas distracciones en esta área, solo lo esencial. Esto ayuda a llamar la atención sobre la presentación de diapositivas y otros datos importantes.
Alineación de cuadrícula
Como puede ver, la mayoría del contenido de la página se adhiere a una alineación de cuadrícula estricta. Esto debería sonar bastante familiar: el ancho total de la sección blanca es 960px y el ancho del contenido es 940px, con cada una de las cuatro columnas prominentes que pesan alrededor de 220px de ancho con un canal de 20px.
Hay una razón por la que este diseño es tan común que funciona muy bien. El contenido es agradable y uniforme aquí, pero también muy variado para evitar la monotonía. Observe cómo la sección con el gráfico del libro y el fondo oscuro atrae su atención y proporciona un contraste muy necesario.
El flujo de información funciona bien aquí y refleja las secciones de la navegación: aquí están los servicios que ofrecemos, algunos de nuestros trabajos recientes y, finalmente, algunas noticias recientes sobre la compañía. Realmente me gusta cuando puedo obtener una visión general de todo el sitio en partes breves en la página de inicio y esa es exactamente la estrategia que se está utilizando aquí.
Pie de página
Como todo lo demás, el pie de página es agradable y limpio, contiene solo unas pocas columnas de enlaces y nada más. Cuando lo miro, no puedo evitar sentir que está desequilibrado. El peso visual se inclina torpemente hacia la izquierda con las dos grandes listas, lo que da como resultado una especie de sensación de desvanecimiento del contenido de la derecha.
Para ayudar a equilibrar esto, recomiendo el diseño a continuación. He lanzado el logotipo de la empresa, que ayuda a la página con una nota fuerte y agrega el peso necesario al lado derecho del pie de página.
Otras paginas
Las otras páginas principales están alineadas de manera similar, esta vez con una barra negra gruesa en la página que contiene un título o una pregunta. Este es un elemento muy fuerte con un contraste tan fuerte como el fondo blanco que no puedes evitar mirar.
Una cosa que noté cuando miré alrededor del sitio es que comienza a sentirse bastante saturado con fotos de archivo. Las imágenes de archivo están bien cuando transmiten su mensaje, pero debe tener cuidado de usarlas como una muleta de diseño cuando algo funcione mejor.
Como ejemplo, considérense los? Estudios de casos? página de abajo. Aquí cada imagen se enlaza a un proyecto en el que Distinction ha trabajado. Las miniaturas son el lugar perfecto para mostrar una vista previa del trabajo, pero en cambio, varias de ellas tienen una foto que no se comunica correctamente sobre lo que hay dentro.
Conclusión
En resumen, creo que Distinction tiene un sitio realmente genial. El diseño es limpio y profesional, el contenido está muy bien organizado y cada página llama la atención de manera efectiva a las áreas que son importantes.
Me dio la sensación de que todo era demasiado para un sitio de agencia de diseño y animo a los diseñadores a hacer declaraciones más grandes y audaces en el futuro mediante la incorporación de ideas únicas.
Además, la fotografía es una herramienta sólida para cualquier diseñador, pero solo debes tener en cuenta el uso de clichés. imágenes de stock, especialmente cuando otros recursos como capturas de pantalla están disponibles.
¡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.