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 MacroDreams, el portafolio personal de Deepak Chakravarthy.
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.
Acerca de MacroDreams
Mi nombre es Deepak Chakravarthy J. y soy un diseñador web independiente y desarrollador front end con más de 9 años de experiencia en diseño web y gráfico. Me esfuerzo por crear sitios web limpios, atractivos para los motores de búsqueda y visualmente atractivos basados en los estándares web más recientes y pautas de uso para lograr la mejor solución posible.
Aquí hay una captura de pantalla de la página de inicio:
Impresión inicial
MacroDreams presenta un diseño inspirado en la naturaleza que es bastante atractivo, particularmente en el área del encabezado. La idea es bastante fantástica y mezcla pájaros y césped con gráficos espaciales y remolinos abstractos.
La página de inicio es bastante simple, presenta solo una publicación de blog simple y actúa como una puerta de entrada a otras páginas, como una sección de portafolio. En general, la gramática es bastante dura, pero como solo puedo hablar un idioma, mi sombrero es para cualquiera que incluso pueda intentar escribir en una lengua que sea extraña a la suya. Por lo tanto, me enfocaré en este sitio desde una perspectiva de diseño.
Con esto en mente, hay que alabar y ofrecer críticas constructivas. Me gustan algunos aspectos, pero creo firmemente que se pueden hacer mejoras. Vamos a empezar con el encabezado.
¿Demasiado de una cosa buena?
Cuando carga la página por primera vez, lo que llama su atención es el encabezado de arte. Desde un punto de vista puramente estético, es un poco loco, pero en realidad es realmente atractivo.
Al mirar la página, cobra vida. El área cubierta de hierba contiene una animación de gotas de agua que me parece bastante fascinante, el loro revolotea y parpadea y los pájaros en la parte superior tienen una animación de paralaje con las nubes.
De vez en cuando hago trucos como estos, pero para ser honesto, creo que los tres efectos se lograron muy bien aquí. El problema es que creo que cada efecto es bueno como elemento individual independiente. Por sí solo, las gotas de agua son frescas, por sí mismas, la animación de aves llama tu atención, etc.
Sin embargo, cuando combinas tantas animaciones en una página, el efecto es desconcertante. Simplemente está sucediendo demasiado. En la película de Pixar "The Incredibles", el objetivo del villano es hacer que todos sean especiales, porque el resultado neto sería que nadie es especial. Tan cursi como es para convertir esto en una lección sobre diseño, constantemente pienso en esa película cuando veo sitios como este.
Recuerde que la clave para un buen diseño web es captar la atención del espectador y luego dirigirla hacia donde quiere que vaya. Cuando tienes varios elementos que compiten por la atención, tus ojos no saben bien dónde aterrizar y el mensaje tiende a perderse.
Tan difícil como puede parecer después de poner todo este esfuerzo en el proyecto, recomiendo elegir solo una de estas animaciones y deshacerse del resto. Incluso podría reciclarlos en otras páginas en todo el sitio si no estuviera loco por tirarlos por completo.
Contenido principal
El resto de la página está ocupado por la gran caja de contenido que se muestra a continuación. Es un diseño simple de dos columnas que funciona bastante bien y pone un énfasis obvio en el contenido importante.
Mi problema con esta área es que parece que el diseñador no sabía realmente qué hacer con eso. De hecho, una gran parte está dedicada a los enlaces salientes. El área de agradecimiento incómodamente grande a continuación, los enlaces sociales y la fuente de noticias de Smashing lo alejan de este sitio. Por supuesto, estas son cosas que casi todos los blogs de diseño tienen, este incluido, pero el problema aquí es que realmente no hay mucho para hacer que te quedes.
La publicación del blog es de octubre, lo que le da la sensación de que se trata de un proyecto abandonado. Además, no hay una sección de blog en la navegación, por lo que esta característica del sitio es un poco vaga e indefinida de todos modos.
Lo que debe suceder aquí es una reevaluación de los objetivos de este sitio. Ya que solo hay una publicación, y es antigua, diría que el propósito principal aquí es que el diseñador muestre su cartera. Sin embargo, aparte de un enlace en la navegación, esto no se refleja en absoluto en el contenido de la página.
Si echa un vistazo a la página de la cartera, verá que este diseñador tiene un montón de trabajo excelente para mostrar, todo desde sitios web hasta logotipos e impresiones. Voto que abandonas el diseño del blog de la página de inicio y migras parte del contenido de la cartera allí. La cartera puede permanecer donde está, pero el propósito de la página de inicio debe ser presentar el sitio / diseñador y guiar a las personas a la página de la cartera o a la página de contacto (una necesidad si desea que las personas lo contraten).
Conclusión
Es obvio que este diseñador tiene algunas habilidades sólidas de Photoshop y desarrollo web. Como suele ser el caso, mi consejo es simplificar y reenfocar. Reduzca la actividad en la página para que la experiencia distraiga menos y redirija la página de inicio para que muestre su trabajo y lleve a las personas a la página de la cartera.
¡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.