Crítica: Comentarios para el diseño del sitio web de la cartera

Estoy en los primeros años de un aspirante a diseñador gráfico/web. Las dos intenciones principales detrás de la creación de este sitio web fueron:

  1. Para tener algo de práctica
  2. Úselo como una cartera en línea mientras busca trabajo (donde planeo obtener más información)

Aquí está el enlace a mi sitio web

http://projectilepixels.com/

Actualmente estoy en una etapa en la que no estoy contento con la apariencia, pero tampoco puedo encontrar fallas y elementos que me gustaría cambiar.

Las únicas cosas que noté son:

  1. La cantidad de colores utilizados en las "barras de progreso" para PS, CorelDraw, etc. puede ser demasiado y es posible que deba atenuarlos un poco (pero no estoy seguro de qué usar en su lugar)
  2. Los degradados brillantes utilizados para las barras de progreso junto con los efectos de sombra pueden hacer que parezca llamativo (nuevamente, no puedo pensar en una alternativa aquí)
  3. Es posible que sea necesario combinar el contraste, el color, etc. en diferentes imágenes.

Algunas preguntas adicionales que tengo:

  1. ¿Hay algo más que me esté perdiendo?
  2. ¿Es adecuado el uso de fuentes? ¿A qué tipo de fuentes debo cambiar si no están bien?
  3. Desde una perspectiva de UX, ¿este tipo de concepto es fácil de usar?

Espero que esta pregunta haya sido nítida y concisa según sea necesario. Esperamos recibir comentarios realmente útiles. Muchas gracias.

Solo mi opinión, pero demasiada forma y poca función. La gente no debería tener que leer el texto para saber aquí para hacer clic.
Ah, OK. Mucha gente parece haberlo señalado, definitivamente necesita improvisarlo. Estoy pensando en agregar un texto como "Revisa algunas de mis ilustraciones" o algo por el estilo en la parte superior de los elementos.

Respuestas (4)

Visualmente, es lindo. Buen trabajo en eso.

Estructuralmente, es deficiente. Cuando tiene que explicar en qué hacer clic para navegar por el sitio, la navegación se interrumpe. Pedirle a un usuario que lea que necesita hacer clic en una imagen de un globo para acceder al contenido de su sitio (el portafolio) no es intuitivo.

También me replantearía llamarte a ti mismo 'loco'. :)

Sí, entendí ese punto, considerando colocar algo de texto en el elemento mismo.

Una cosa que noté es tu uso de puntuaciones. Puedes usarlos como quieras en situaciones informales, pero si hablamos de tipografía profesional, debes recordar estas reglas:

  • Cualquier signo de puntuación solo aparece uno a la vez. Ha utilizado ??, ..y ....en muchos lugares. En su pregunta también, los está perdiendo en algunos lugares.
  • Si desea utilizar ..., la forma tipográficamente correcta es utilizar el carácter Unicode U+2026 ( ) en lugar de tres puntos.
  • Hay una diferencia entre guión (-) y guión (— U+2014). El guión se usa para unir palabras, como tres en raya , mientras que el guión se usa para separar partes de una oración. (Vea abajo.)

Consulte estas reglas de Butterick, en particular el punto 7 en adelante.

También cuide su ortografía, especialmente cuando nombra marcas. Siempre consulte Wikipedia para la estilización oficial.

Por ejemplo:

Mi versión del famoso pulgar hacia arriba en - Aj kuch toofani karte hai

debiera ser

Mi versión del famoso anuncio Thums Up: Aaj kuch toofani kartey hain!

(También se recomienda normalmente poner en cursiva las palabras de un idioma diferente).

Dicho esto, su diseño es bastante impresionante y el concepto es innovador.

Muchas gracias, fue un comentario realmente útil. Practicaltypography.com tiene muchos recursos que realmente necesitaba.

Hay un logo de conejito de Playboy en la cola de uno de sus aviones. Si estás en Mubai no lo sabes, pero es una revista de mujeres desnudas. ¡Probablemente no quieras eso en un sitio profesional!

Hablando de eso, dependiendo de lo que quieras mostrar, podría o no ser un problema que todos los gráficos en la página principal provengan de otro lugar. La gente puede encontrar imágenes prediseñadas de transbordadores espaciales y globos aerostáticos de todos modos. Si quieres mostrar tus habilidades de programación, genial, pero pregunta a los programadores.

(Parece un poco fácil de romper porque puede cambiar el tamaño de la ventana y hundir el transbordador en el suelo. La posición final parece atascada... No puedo imaginar que esto funcione en el teléfono).

Es posible que desee tener una página alternativa más básica de forma predeterminada y llamar a esto su "experimento" en el que las personas que desean ver hacen clic. Entonces puedes ser como Google donde estás en beta para siempre, y nunca ser responsable si está roto.

"¿Es apropiado el uso de fuentes? ¿A qué tipo de fuentes debo cambiar si no están bien?"

Demasiado pequeña.

"Desde una perspectiva de UX, este tipo de concepto es fácil de usar"

Es confuso desplazarse hacia abajo, cuando lo que estás mirando está subiendo. No podría decirte con certeza si no se puede hacer muy apretado o no. En igualdad de condiciones, es bueno atreverse a ser diferente, me preocuparía más que las personas sepan en qué hacer clic y que usen imágenes prediseñadas en una página que diga que eres un diseñador como primera impresión.

Cuando hace clic en esa parte de las cosas que hizo, los números son incorrectos y no están en orden. Y es difícil encontrar el botón para cerrarlo una vez que lo tienes arriba. Si estás volando por las cosas, ¿por qué no volar a través del arte mismo o sobre él?

El diseño de la cartera es una pregunta, pero luego es una cartera a la que es difícil llegar. Tienes la habilidad con el software, así que un poco podría hacer una gran diferencia, apuesto. Entonces, tal vez si miras cosas como el restaurante:

http://projectilepixels.com/beta/corel/brocdure.jpg

¡Ni siquiera voy a hablar sobre "nueva dirección de sucursal aquí" (es necesario arreglar eso para una cartera)! Pero como dije antes sobre las imágenes prediseñadas, debe preguntarse si todo lo que hace está fuera de las imágenes prediseñadas, ¿dónde está su control? Si el pergamino "75 años de excelencia" tiene Excelencia demasiado cerca a la derecha y el 75 está demasiado cerca a la izquierda o el pergamino es demasiado pequeño, ¿por qué no controla eso? Si el color del rojo en el logotipo de la empresa no coincide, ¿por qué no controlas eso?

Alguien que le paga por hacer un trabajo espera que usted controle esto y debe demostrar que puede hacerlo si se trata de un portafolio sobre su capacidad de diseño. A menos que no vayas a escuchar y solo hagas trabajo de programación, entonces ignórame porque serás rico y no importará.

Muchas gracias por tomarse el tiempo para revisar cada detalle. Este es el tipo de comentarios que estaba buscando. He intentado arreglar tantos problemas como sea posible. Trabajará en el resto con el tiempo. Con respecto a las imágenes prediseñadas, mi opinión es que hay sitios web que tienen imágenes de fondo completas, texturas, etc. que pueden no ser creadas por el diseñador. Entonces, tal vez sea justo decir que el diseño no se trata solo de crear elementos, sino también de organizar los elementos existentes de una manera hermosa. Sin embargo, su punto aquí es válido, considerando que este es mi portafolio, cada elemento debería probar mis habilidades. Verás una versión mejorada pronto :)
Genial, me alegro de que te haya resultado útil.

¡Es increíble! La fuente es legible, por lo que es apropiada en mi opinión. Es fácil de usar, excepto que no todo el mundo sabe, por ejemplo, en 'conectar' que tienen que hacer clic en el satélite para abrir el formulario de contacto. Además: vi esto cuando abrí el sitio:pequeño defecto

Saludos

Muchas gracias por tus comentarios. Pronto incorporaré muchos de los cambios mencionados en esta página. :)
consejo: 'sus comentarios'
jaja, gracias... supongo que nunca improvisaré cosas :P
No importa 😜