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 el portafolio personal de Owain Lewis, un diseñador web independiente.
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 Owain Lewis
Soy diseñador web independiente y desarrollador web front end de Cardiff. Construyo sitios web limpios, modernos y profesionales usando HTML5. En los últimos años he trabajado con un gran número de clientes, incluidas agencias de diseño web, grandes empresas, nuevas empresas y particulares, creando sitios web que ayudan a las personas a lograr mejores resultados en línea.
Aquí hay una captura de pantalla de la página de inicio de Owain:
Impresión inicial
Mi impresión inicial de esta página es extremadamente positiva. Me gusta el diseño, los gráficos y el texto. Además, todo el contenido está organizado en secciones claras, tanto a través de la ubicación como de cambios de fondo sutiles. Es un trabajo realmente magnífico que me recuerda mucho a algunas de las páginas negras que Apple tiene en su sitio.
En su mayor parte, nuestra crítica será positiva. ¡Solo echaremos un vistazo a cada sección y discutiremos lo que salió bien! Sin embargo, hay algunas cosas realmente pequeñas que creo que podrían modificarse y las señalaré en el camino.
Encabezamiento
El encabezado tiene que ver con la tipografía. Hace una introducción fuerte y amigable que le permite saber de qué se trata el sitio. En las últimas semanas me he puesto en contacto con los diseñadores por casi ocultar la explicación básica de sus sitios web y soy un firme creyente en lanzarlo al aire libre para que no haya confusión. De inmediato, vemos que este sitio es para Owain Lewis, un diseñador web independiente.
El encabezado también establece una alineación fuerte y justificada que establece el tono que seguirá el resto de la página. Esta alineación se adhiere estrictamente a lo largo de todo el pie de página.
El único problema que tengo en esta sección es la falta de coherencia con la tipografía en el titular. Aquí, el diseñador ha utilizado el principio del contraste y el color apalancado, la audacia y la elección del tipo de letra para diferenciar ciertas palabras. Sin embargo, los puntos de énfasis utilizan tres tratamientos diferentes.
El primero utiliza la fuente delgada y lisa que se usa en el resto del título, el segundo utiliza un signo muy estilizado y bastante grueso y el último utiliza una versión en cursiva de la fuente del título. Recomiendo hacer? Owain Lewis? y? diseño de sitio web? partido. Si son simples o en cursiva no importa mucho, solo asegúrate de que ambos sean iguales. También consideraría hacerlos a ambos una versión en negrita de la fuente para ayudar a agregar a la diferenciación.
También, como una pequeña nota, la primera línea en el titular podría usar algo de atención en la puntuación.
Sección de introducción
La siguiente sección es la que realmente llama tu atención cuando cargas la página. Todo ese negro hace que tus ojos vayan inmediatamente al punto de contraste: la gran miniatura blanca, que luego hace que rebotes un poco en esa sección y continúes hacia las otras miniaturas. La página se lee realmente bien y el diseñador ha hecho un buen trabajo guiando al usuario a través del diseño.
¿Incluso me gusta el poco flotante? ¿Contrátame? etiqueta en el lado derecho de la página. En cualquier momento de navegar por el sitio, si decide que este tipo es tan bueno que quiere contratarlo, ¡hay un camino directo a esta meta que no puede fallar! Tenga en cuenta que, sin embargo, se mantiene alejado y apartado, trucos como este son extremadamente molestos cuando en realidad se superponen al contenido (lo estoy viendo en Twitter para iPhone).
No estoy seguro de que esta sección necesite algún cambio en absoluto, a pesar de que me pongo al día con el titular: "Diseñador web independiente". Esto es obviamente una declaración redundante y se siente como ruido de SEO (el título de la página hace lo mismo pero mucho peor). Las tácticas de SEO se acercan a las áreas grises rápidamente, por lo que cada diseñador tiene que decidir qué es y no es una buena idea, pero personalmente, creo que en esta página hay una gran cantidad de palabras clave molestas.
Sección Destacada
El flujo de este sitio a medida que te desplazas es interesante, ¿lo captaste? La primera área es una columna ancha, la segunda área es dos columnas, esta sección destacada es tres columnas y el pie de página es cuatro (todos mantienen la alineación fuerte). A veces, los diseñadores luchan mucho con la idea de variar su diseño y mantienen la misma en toda la página o intentan un cambio drástico y arruinan el flujo. Owain ha hecho un buen trabajo al facilitar al usuario el contenido y ofrecer una variación suficiente para reducir la redundancia visual.
Como la anterior, esta sección es bastante atractiva. Me gusta el tratamiento visual de los titulares y los efectos de animación en las miniaturas. Todo se siente pulido y de clase alta.
Un pequeño cambio: nunca capitalizar el? I? en iPhone. Parece insignificante, pero la gente es exigente con estas cosas y algunos no lo contratarán para crear su sitio de iPhone si no sabe lo suficiente sobre el producto para obtener el nombre correcto.
Pie de página
Para mí, esta sección es la única parte del sitio donde el diseño se vuelve un poco incómodo. Para empezar, el flujo de las columnas se siente extraño con la gran cantidad de espacios en blanco incómodos en el medio. No estoy seguro de que sea la mejor idea hacer que la sección de cuatro columnas se alinee con las divisiones de la sección de tres columnas sobre ella.Esto podría tener más sentido si las columnas se distribuyeran de manera uniforme en todo el espacio, al igual que las tres anteriores (siga el método de la sección anterior, no la ubicación exacta).
Finalmente, ¿el derecho alineado? ¿Mis enlaces? La sección es un poco extraña dado que todas las otras columnas están alineadas a la izquierda. Este es un caso clásico de diseño, siendo uno de esos lugares donde puedes seguir todas las reglas y aún tener algo que no está del todo bien. Deambulo sobre cómo es importante seguir estrictamente el diseño que has establecido, pero aquí sugiero que tal vez la última columna no necesite seguir el diseño justificado y que solo tenga un borde derecho irregular.
Ser diseñador significa aprender todas las reglas y luego determinar cuándo es aceptable romperlas. El problema es, por supuesto, que cada diseñador decidirá de manera diferente. Es cierto que estoy dividiendo los pelos con esta discusión de la columna, mientras que muchos diseñadores no verán ningún problema con el diseño del pie de página. Simplemente aliento a Owain a que eche un vistazo al diseño aquí y decida por sí mismo si no se puede hacer más fuerte de alguna manera.
¡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.