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 Mogo Style, un sitio para pedir un logotipo personal.
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 Mogo Style
Un mogo es la herramienta perfecta para su marca personal, hecha para personas que buscan sobresalir de la multitud. Úsalos para tus tarjetas de visita, correos electrónicos y perfiles. Personal como una foto pero profesional como un logo. Hacer una impresión increíble, cada vez que.
Aquí hay una sección de la página de inicio:
Impresión inicial
En primer lugar, tengo que comentar sobre el servicio. Es una idea muy interesante. Lo que hacen es sacarte una foto y convertirla en una ilustración que es esencialmente un cuadrado similar a un ícono de iPhone. Básicamente, es un servicio de avatar digital que te brinda un pequeño e interesante ícono personal para Facebook, Twitter, tarjetas de visita y más.
La página de inicio del sitio se comunica muy bien. A pesar de que la compañía tiene un concepto único, solo me tomó un segundo entenderlo. Ese es un objetivo tan elevado como el que pueden esperar aquí y lo lograron.
El diseño general es limpio y mínimo, lo que realmente llama su atención a la presentación de diapositivas que explica el servicio y muestra ejemplos. Yo diría que el sitio está bastante cerca de ser perfecto, pero definitivamente tengo algunas recomendaciones. Miremos más de cerca.
Alineación
La alineación es una de las pocas cosas que realmente creo que hay que abordar. Es casi perfecto, pero soy un fanático del control cuando se trata de la alineación y el único elemento fuera de lugar aquí realmente me molesta. El texto de estilo Mogo está alineado con el resto de los elementos, pero el pequeño corazón está flotando en la tierra de nadie.
El problema aquí es que el logotipo y el texto son una unidad visual. No los percibes como dos elementos separados sino uno. El logotipo completo debe estar alineado en el sitio de la izquierda con el resto del contenido de la página. La solución aquí es fácil, simplemente mueva el logotipo a la derecha para que el corazón se encuentre donde está el texto.
La historia
Como mencioné anteriormente, el sitio hace un gran trabajo al comunicar su concepto. Esto se debe en gran parte a la gran presentación de diapositivas en la página de inicio, que le presenta el estilo Mogo y lo que hacen. Aquí están las cuatro imágenes que verá, presentadas en orden de aparición.
Lo primero que ve es algunos ejemplos del producto que entregan. En este caso, la imagen realmente vale más que mil palabras o más. No se pudo ofrecer una explicación más clara del servicio. A continuación, te impresionan. La primera diapositiva te interesa, pero ahora es el momento de comunicar la calidad. Aquí afirman que cada logotipo está dibujado a mano. Es difícil justificar pagarle a alguien para que pegue su foto en un programa de rastreo automático, pero una ilustración personalizada a mano es otra cosa completamente distinta. Las siguientes dos diapositivas están dedicadas a mostrarle por qué necesita el producto representando algunos casos de uso.
La configuración aquí es un gran argumento de venta: esto es lo que vendemos, esto es por qué es genial y por qué lo necesita. Cada vez que esté estructurando una presentación de diapositivas para una página de inicio, debe tener en mente objetivos de comunicación similares.
Legibilidad
Ahora, diré que no estoy loco por la legibilidad del texto en las diapositivas fotográficas. El diseñador intentó mejorar la situación con texto en negrita y una sombra paralela, pero aún podría ser mucho mejor. Las fotos aquí están simplemente demasiado ocupadas para leer fácilmente el texto. Si no tienes un campo grande de color bastante sólido, casi no deberías intentarlo.
Afortunadamente, la solución casi siempre es fácil: si no tienes un campo de color sólido, ¡crea uno! Una barra negra simple hace un largo camino aquí. Para hacer las cosas un poco más elegantes, reduje la opacidad de la barra negra y empañé la imagen detrás de ella.
Compare este texto con el ejemplo real y puede ver inmediatamente que la legibilidad se ha mejorado drásticamente y aún se ve bastante elegante, tal vez incluso más.
El? Aprender? Página
Saltando a la? Aprender? En la página, vemos otro espacio bien diseñado, esta vez con un diseño mucho más lineal que contiene tres secciones principales y una historia de fondo en la parte inferior.
Creo que esta página es genial, me gusta la expansión de detalles sobre los puntos importantes y el uso de imágenes diferentes pero estrechamente relacionadas. Hubiera sido fácil hacer que esta área fuera completamente redundante con la página de inicio, pero hace un buen trabajo por sí solo.
Me inclino a pensar que los logotipos sociales después de cada párrafo son un poco redundantes. Visualmente, se ve muy bien, pero conceptualmente no hay muchas razones para repetir este elemento tantas veces. Creo que esta página se beneficiaría enormemente de un enfoque ligeramente reducido en las redes sociales y un mayor enfoque en lograr que los usuarios accedan a la página de compra. ¿A conseguir el tuyo ahora? Un botón o algo similar ayudaría.
¿Dónde están las preguntas frecuentes?
Mi último comentario sobre el sitio es que, desde el punto de vista de un diseñador, no hay suficiente información técnica sobre el producto. ¿Es este raster o vector? Si es raster, ¿cuál es la resolución y el tamaño del archivo entregado y viene en un fondo transparente? ¿Qué tan fácil es cambiar el color? ¿En qué formatos de archivo viene?
Concedido, más La base de clientes de este sitio no tendrá una idea de qué son estas preguntas, pero hay un área gris de personas que no son diseñadores, pero que saben lo suficiente como para tener preguntas sobre el producto que se entregará.
Otra pregunta que me viene a la mente es que todos se preguntarán: ¿Cuál es el tiempo de respuesta? ¿Estamos hablando horas, días o semanas? Creo que hay una solución fácil y elegante para todo esto: una página de preguntas frecuentes. Estos son prefectos para colocar toda esa información aleatoria que algunos clientes inevitablemente preguntarán. También tiene un propósito importante para los clientes que simplemente no están lo suficientemente informados para hacer tales preguntas pero que son perfectamente capaces de entender las respuestas.
Conclusión
En resumen, Mogo Style es un pequeño gran sitio y un servicio único. La página de inicio comunica muy bien el concepto y solo necesita un ligero ajuste de alineación y, quizás, una modificación del texto en las diapositivas. El? Aprender? La página también se ve muy bien, pero podría usar algunos íconos menos sociales y algunas llamadas a la acción más con respecto a la compra. Finalmente, creo que el sitio se beneficiaría enormemente de una página de preguntas frecuentes.
¡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.