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 StyleJam, un sitio que alberga portafolios de diseñadores web. ¡Echemos un vistazo y veamos lo que pensamos!
¿Quieres que echemos un vistazo a tu sitio? Envíelo para que aparezca en una futura Crítica de diseño, solo toma un minuto. 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 StyleJam
Con StyleJam puede crear su cartera personal de diseño web en una URL independiente que elija, y personalizarla con su CSS e imágenes. No es necesario aprender a programar, firmar un servicio de alojamiento o configurar su servidor. Lo único que no hacemos por ti es diseñar, ese es tu campo.
Aquí hay una captura de pantalla de la página de inicio:
Impresión inicial
Mi primera impresión de StyleJam es positiva. Hay mucho sobre este sitio que se siente muy moderno, el estilo de diseño en general está en línea con lo que muchos diseñadores van hoy en día. Es un diseño limpio que utiliza mucho espacio en blanco y usa azul para transmitir un sentido de profesionalismo.
En general, ha tenido un gran comienzo. Sin embargo, hay algunos pequeños problemas y sugerencias que tengo. Vayamos por el sitio poco a poco y veamos cuáles son.
Logo del sitio y lema
Una de las primeras cosas que me llama la atención cuando miro esta página es el logotipo que se muestra arriba. No llamaría a esto una alta prioridad, pero diré que definitivamente creo que esto podría requerir un retrabajo. La fuente de estilo redondeado VAG parece un poco anticuada y el pincel no funciona para mí. ¿Hace la palabra? Mermelada? Difícil de leer y parece un poco caricaturesco, lo que parece contradecir el estilo profesional que sigue el resto de la página. Dicho de otra manera, el logotipo se destaca en la página como algo que no pertenece.
El lema en la barra de título y el logotipo del sitio es otra cosa que parece que no funciona. La frase? Diseñadores web. ¿Unido? me hace pensar que esto es una especie de club de membresía, gremio o sindicato para diseñadores. Es un buen lema, pero no para este negocio, que es vender carteras de diseñadores web.
Sugiero reemplazar este lema por algo que comunique claramente qué es el servicio. Si le pregunta a cien personas qué es un sitio con el eslogan, los diseñadores web. ¿Unido? Hace, apostaría a que casi nadie adivinaría que vendió sitios web de cartera. Utilice este criterio cuando discuta un nuevo lema.
Encabezado principal
Lo siguiente es lo que llamaré el área del encabezado principal. Esta es una gran barra azul con un efecto de inserción y un toque de textura. Es un bonito efecto que realmente llama tu atención. La pequeña pancarta en la parte inferior es un buen toque, aunque el blanco sobre el blanco casi no hace contraste.
Mi principal problema aquí es una inequívoca sensación de vacío. Hay un espacio enorme aquí que simplemente se siente infrautilizado. Está pidiendo una gran imagen, un gran titular, o ambos.
Utilizo constantemente Mail Chimp como ejemplo porque sus diseñadores suelen ser muy acertados. Echa un vistazo a la cabecera que está actualmente en su sitio.
Mire esa imagen grande y colorida que le llama la atención y luego se refuerza con un mensaje de gran tamaño: Claves boletines por correo electrónico. En menos de tres segundos de cargar esta página, sé exactamente para qué sirve el sitio. De vuelta al encabezado de StyleJam, todo lo que veo es un pequeño texto en un gran campo azul. Aquí nada me llama la atención.
No estoy diciendo que StyleJam necesite una mascota, no vea la inspiración como algo para robar. En su lugar, vea la página Mail Chimp como una lección sobre los principios básicos de diseño. Tomando estas sugerencias, el diseño del encabezado de StyleJam podría transformarse en algo como esto:
Obviamente, todavía necesitarías trabajar en los enlaces sociales, el cuadro de entrada, etc., pero entiendes la idea. Visualmente, el encabezado podría ayudar a la página mucho más de lo que está actualmente. Además, mientras estamos en el tema de los enlaces sociales, estos botones tienen la apariencia de estar en un estado inactivo. Incluso cuando pasas el ratón sobre ellos, tu cursor no cambia. Haría que los iconos de Facebook y Twitter fueran azules en lugar de blancos, agregaría un poco de contraste al texto y solucionaría el problema de desplazamiento.
Control deslizante de imagen
Siempre me gusta un buen control deslizante de imagen y este sitio presenta uno en un marco muy atractivo justo debajo del encabezado. El efecto es agradable y le da a la página una sensación dinámica. Sin embargo, las imágenes elegidas para el control deslizante pueden no ser las mejores. Por ejemplo, aquí está lo primero que ves:
Al ver esto, debo admitir que pensé que algo estaba roto. Había un campo de texto incómodo flotando en el medio de la página que se estaba cortando parcialmente en el lado derecho. Me tomó un minuto darme cuenta de que solo era una captura de pantalla. Sugiero abandonar esta imagen e ir con más contenido visual como la diapositiva que se encuentra actualmente en la segunda ranura.
Conclusión
Como mencioné antes, en realidad me gusta el aspecto general de esta página. Es un sitio atractivo que tiene una gran cantidad de aspectos importantes. Las sugerencias anteriores son en su mayoría pequeñas correcciones rápidas, algunas de las cuales son en gran medida subjetivas.
Lo principal aquí es transmitir su mensaje de manera clara y atractiva. En este momento, la mensajería parece un poco borrosa y se necesita un poco de trabajo para averiguar exactamente qué está pasando con el sitio. Reduzca ese trabajo a casi cero y le garantizamos que aumentará su tasa de clics.
¡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.