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 Goldenboy Media, una agencia de diseño web en el sur de Londres.
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 Goldenboy
Goldenboy Media es una agencia de diseño joven y creativo que crea sitios web inspirados e interfaces de usuario innovadoras, actualmente ubicadas en el sur de Londres. Siempre intentamos dar vida a los conceptos de diseño con prototipos que parezcan simples y hermosos. Lo que nos separa de otras agencias de diseño es la atención al detalle, cada proyecto en el que trabajamos, nuestro objetivo es diseñarlo como si fuera el nuestro.
Aquí hay una captura de pantalla de la página de inicio:
Diseño y alineación
Goldenboy Media es una agencia de diseño web profesional, por lo que sería una gran decepción si no tuvieran un sitio web atractivo. Afortunadamente, han hecho un gran trabajo en su propio sitio.
El área de contenido principal es 1,000px, agradable y amplia. Le da al sitio una sensación muy grande. El diseño y la alineación son muy sólidos, la mayor parte del texto está alineado a la izquierda y el diseño cambia entre dos y tres columnas a medida que se desplaza.
Gran parte del contenido se adhiere a una cuadrícula simple que tiene un ancho de 940 px, un tamaño muy común que funciona extremadamente bien para dividir el contenido en columnas.
Color y tipografía
La combinación de colores en todo el sitio realmente marca el tono y la sensación de la imagen de la empresa. Esto es importante para clavar y muchos diseñadores lo piensan demasiado. Goldenboy decidió ir con un tema en su mayoría en escala de grises que se ve bastante profesional y tiene un bonito contraste entre los colores oscuros y oscuros.
Un solo color, # 9F8723, se usa para enfatizar todo el diseño. Con la paleta gris suave, esto funciona perfectamente para llamar su atención a áreas clave.
La tipografía combina una fuente agradable, audaz-condensada con el tipo de letra serif Georgia fácil de leer. El emparejamiento funciona realmente bien y es sorprendentemente legible dada la cantidad de texto en cursiva utilizado.
Una nota negativa aquí, la fuente del título utiliza Cufon, por lo que no es muy seleccionable. Preferiría ver que se usara @ font-face para reemplazar la fuente. Funciona bien en todos los navegadores, usa CSS puro y mantiene todos los beneficios del texto en vivo.
Deslizador
Siempre soy un imbécil para un buen control deslizante de imagen, especialmente cuando eres una empresa que necesita mostrar visualmente muestras de trabajo. Goldenboy ha decidido mostrar capturas de pantalla estrechamente recortadas y ligeramente rotadas de algunos de sus trabajos. El marco ajustado le da la sensación de que dedican mucho tiempo y esfuerzo a hacer todos los pequeños detalles a la perfección.
El deslizador en sí es el popular Nivo Slider. Esta utilidad impresionante es fácil de implementar. Para capturarlo y usarlo en su propio sitio, consulte este tutorial.
Repetición
Otra gran herramienta de diseño que vemos que se usa generosamente aquí es la repetición. Una vez más, vemos que el mismo color se usa para enfatizar y para llevarlo aún más lejos, generalmente también se aplica un efecto grunge. Incluso la forma del círculo se repite una y otra vez.
Así que aquí tenemos repetición en color, forma y textura, un uso del libro de texto de esta herramienta simple. Al hacer esto, el diseñador hace que sea realmente fácil para el usuario mirar a su alrededor y tener una idea de los puntos clave del mensaje de la página.
Servicios
Como ejemplo de cómo llevar la repetición a través de las páginas, consulte la página de Servicios. Aquí tomaron los íconos de bloqueo en la página de inicio, que contienen un mínimo de texto, y los expandieron en explicaciones más completas.
Realmente me encanta esta idea y creo que es ejecutada magistralmente. Es importante no sobrecargar su página de inicio con información que pueda abrumar a sus visitantes. Deles una muestra y luego diríjalos a páginas dedicadas que contienen más información sobre lo que desean saber.
Diseño de pie de página
Si bien el diseño de la página se mantuvo bastante seguro en la mayor parte de la página, la creatividad realmente aumentó el pie de página. Esto es solo una pieza de diseño realmente atractiva que realmente me llama la atención y es, con mucho, mi elemento favorito de la página.
¡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.