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 Paul O'Rely, diseñador de Brasil. ¡Saltemos y veamos lo que pensamos!
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 Paul O'Rely
Paul, un diseñador interactivo y empresario web que se describe a sí mismo, actualmente tiene 28 años, reside en Brasil y es "apasionado por las cosas que son creativas, simples y sorprendentes".
Aquí hay una captura de pantalla de su sitio web.
Primera impresión
Voy a decir de inmediato que realmente me gusta el sitio de Paul. Es bastante singular, hay muchas cosas interesantes para ver e interactuar, y el mensaje es muy claro: aquí está quién es esta persona, qué hace y cómo ponerse en contacto con él. Sinceramente, estos son los aspectos más importantes del portafolio personal de un diseñador y creo que Paul los identificó a todos (una pequeña edición de la copia puede estar en orden, pero, por lo demás, es un gran trabajo).
Si tuviera que emitir algún tipo de queja general, probablemente sería la falta de un "wow" significativo. factor en el encabezado. El sitio en su conjunto es excelente (hay un vudú inteligente en el pie de página), pero cuando cargamos la parte superior de la página, no hay nada que realmente me atrape y me invite a buscar más. Como mencioné, se está enfocando en hacer un excelente trabajo al presentarnos al sitio y a él mismo, y no me gustaría menoscabar eso, pero aún siento que podría haber algo más con este lugar para impresionar a los visitantes.
Ahora que hemos discutido el sitio en su conjunto, comencemos y comentemos los diversos aspectos específicos del diseño. La mayoría de lo que tengo que decir es positivo, por lo que este es uno de esos sitios que servirán más como un buen ejemplo que como uno malo.
Sólo una página!
He escuchado a gente atacar sitios de una sola página, pero los estoy investigando. Paul realmente ha hecho bastante con este lienzo único y, sin embargo, aún se las arregla para sentirse completamente desbordado de espacios en blanco.
Dado el propósito relativamente simple del sitio, realmente no veo la necesidad de dividir este contenido en páginas separadas. El flujo es lógico y fácil de seguir: en la parte superior, te encuentras con Paul y aprendes lo que hace, luego ves sus muestras de trabajo y luego tienes la oportunidad de contactarlo si te gusta lo que ves.
La excepción al paradigma de una página es, por supuesto, su blog, pero realmente se siente como una entidad completamente separada en lugar de una extensión de este sitio.
Tipografía
Paul tiene algunas fuentes personalizadas de gran apariencia en su sitio, que por supuesto se ofrecen por cortesía de Typekit. El atrevido serif en el encabezado se llama Adelle, un cambio agradable del típico ChunkFive que se ve en todas partes.
También me gusta mucho la elección de Paul de con qué emparejar a Adelle: Museo Sans. El Museo Family es en realidad en su mayoría serifes de losas, pero tienen una versión sans serif. Esta es una opción realmente inteligente porque el Museo Sans está diseñado específicamente para verse bien junto a los tipos de letra serif de slab.
Aunque a Paul le fue bien con las dos primeras opciones de fuente, desafortunadamente creo que la tercera es una gran falla.
Como puedes ver, el formulario de contacto utiliza langosta. Hay tres razones por las que no me gusta especialmente esta opción. Para empezar, ¿la langosta se está acercando rápidamente al cliché? Territorio solo porque es tan ubicuo. No quiere decir que no se pueden usar tipos de letra populares, solo hay que hacerlo con precaución y tacto.
Y lo que es más importante, ya ha elegido su tipo de letra grande, en negrita y único para la página, y desviarse de él solo para el formulario de contacto es un poco chocante. Los dos pueden combinarse, pero tiene que ser de una manera integrada con una jerarquía clara como el ejemplo a continuación, en lugar de cambiar arbitrariamente entre ellos.
Finalmente, prácticamente en cualquier momento en que tengas mucho texto, una tipografía de script será una opción notablemente pobre desde el punto de vista de la legibilidad. La simple verdad es que es mucho más trabajo para tus ojos y cerebro clasificar y descifrar un párrafo completo que está escrito en un guión descabellado y conectado.
Dado que este es un formulario de contacto, es posible que los clientes se acerquen a Paul con un tono prolongado. Forzarme a escribir en Lobster es una excelente manera de garantizar que nunca use su formulario de contacto.
Colores
El sitio de Paul usa un esquema de color básico de cinco partes. Aquí hay una tabla rápida de los colores que verás en la página:
Como puede ver, este es un esquema de color muy audaz diseñado para captar su atención. En su mayor parte, utiliza un equilibrio entre el carbón de leña, la crema y el azul, los dos primeros de los cuales son lo suficientemente suaves como para hacer que el azul se destaque. El verde solo se usa para el elemento de estado como una violación del flujo normal, lo que realmente llama su atención sobre ese punto.
Si te fijas lo suficiente, también encontrarás algunas manchas rojas. Creo que esto parece inconsistente e innecesario sin embargo. Sería mejor utilizar la repetición y tomar esto como otra oportunidad para usar el verde (o tal vez solo use el rojo sin el verde).
Compromiso e interacción
Otra cosa que Paul hace realmente bien es involucrarte e interactuar con el sitio. Por ejemplo, el encabezado muestra una especie de gráfico de barras de sus talentos, que tiene diferentes categorías en las que se puede hacer clic y expandir con una animación suave.
Desplácese más abajo en la página y encontrará un control deslizante de imagen vertical interactivo que muestra su trabajo.Una vez más, vemos un excelente uso de las transiciones y los eventos de clic, así como un buen trabajo de simplificación.
Cuando llegas al pie de página encuentras un lago de peces nadadores. ¡Esta parte es realmente impresionante! Nada de eso se siente como una animación aburrida, uniforme y en bucle. El patrón de los peces y las burbujas. siente aleatorio (si realmente lo es o no es casi irrelevante).
También me encanta cómo los peces varían su velocidad de una manera realista. Nadan despacio, luego casi se detienen para que puedan moverse y disparar hacia adelante. Felicitaciones a Paul por un gran trabajo de animación aquí!
Resumen
En resumen, me encanta el sitio. Está muy bien hecho y puedo decir que Paul se echó encima y puso mucho esfuerzo. Casi todo en el sitio se ve muy bien, desde el diseño y las fuentes hasta los colores e ilustraciones. Mi mayor queja es el uso de Lobster en el formulario de contacto y mi preocupación secundaria es repensar el encabezado para incluir algunos de los "wow". factor que obtienes cuando realmente te metes en el sitio.
¡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.