Crítica de diseño web # 61: Kit de muertos vivientes
Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos ambas áreas que están bien hechas, además de aquellas que podrían necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Undead Kit, un recurso invaluable para sobrevivir a una invasión de muertos vivientes.
Explore los recursos de diseño
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 si un consultor visitara su sitio! Puedes encontrar mas aqui.
Sobre undead Kit
Undead Kit no es muy diferente de tu típico kit de supervivencia. Contiene elementos como un cuchillo, fósforos, curitas, etc. Sin embargo, el giro es que este kit de supervivencia está específicamente diseñado para sobrevivir al apocalipsis zombie. Todos sabemos que se acerca, ¡así que es mejor que te prepares mientras todavía tienes la oportunidad! ¡Este producto novedoso y estrafalario es muy real y se ha vuelto tan popular que actualmente está retrasado por tres semanas!
Aquí hay una captura de pantalla de la página de inicio:
Impresión inicial
Viendo cómo soy tu hombre típico (es decir, me encanta todo lo relacionado con matar zombies), creo que este sitio es fantástico. Además del gran concepto, el sitio es muy atractivo y presenta muchos diseños personalizados e ilustraciones.
En cuanto al diseño general y el tema del sitio, no cambiaría nada. Sin embargo, hay algunos pequeños ajustes y correcciones que haría, así que repasemos qué funciona y qué no.
Metas
Una de las principales formas de medir el éxito de un diseño es delinear metas específicas como su primer paso, luego regresar a esas metas después de que el diseño haya terminado para ver si se cumplieron o no. Ahora, realmente no sabemos qué objetivos establecieron para este sitio, pero está bastante claro qué debe lograrse aquí.
Primero, el sitio necesita comunicar que hay un producto a la venta. Cada vez que vendes algo, este es un objetivo de máxima prioridad. Suena dolorosamente obvio, pero se sorprendería de cuántos diseñadores pierden la marca por completo aquí. A continuación, debe informar adecuadamente a las personas sobre el producto: ¿qué incluye? ¿Como lo uso? Estas preguntas son esenciales para algo único como esto, donde las respuestas son bastante impredecibles.
Además, y simultáneamente, el sitio necesita transmitir su concepto. Este no es tu kit de supervivencia típico, es un kit de muertos vivientes. Es bueno abordar esto de una manera alegre para que la gente vea de inmediato la novedad y el potencial de los regalos.
Por último, pero no menos importante, debería poder pasar fácilmente a la etapa de compra. Este sitio pasa por PayPal, por lo que sabemos que debería funcionar bien y no lo discutiremos demasiado. Sin embargo, veamos qué tan bien se abordan esos otros objetivos.
El producto
Lo primero que probablemente veas en la página de inicio es un zombie con un gusano sobresaliendo de su ojo, llegaremos a eso en un minuto. Lo segundo que ves es la imagen del producto y su título: The Undead Kit.
Normalmente, realmente no tendría idea de qué era un kit de muertos vivientes, pero esta imagen simple toma el concepto complejo y lo deja claro en un instante. La caja se parece a un botiquín de primeros auxilios, por lo que cuando se combina con la imagen de un zombi puedo adivinar de inmediato que el kit probablemente incluirá recursos básicos de emergencia.
Podrían tener un argumento de venta de seis párrafos aquí que nadie leería nunca, pero no lo hacen. En cambio, confían en el diseño visual para decirle todo lo que necesita saber, ¡y lo hace!
Dos preguntas importantes
Si va a pagar treinta dólares por algo, querrá saber qué contiene. Al saltar a la página "Contenido", puede ver exactamente eso. Yendo más allá, la página "Instrucciones" le muestra cómo usar el kit. El último de estos probablemente no sea absolutamente necesario (ya sabes para qué sirve una linterna), pero realmente ayuda a la hilaridad y el tema del sitio y definitivamente creo que debería quedarse.
Estas dos páginas son mi parte favorita del sitio. Los artistas aquí realmente clavaron el estilo de ilustración apropiado. Se siente como algo sacado de un manual de supervivencia de boy scout. Podrían haberse ido fácilmente con la fotografía del producto, pero el efecto definitivamente no hubiera sido tan bueno.
También me gusta cuánto han simplificado la página de Direcciones. Tenga en cuenta que en realidad hay nueve productos, pero los han condensado en seis paneles con mensajes de una sola frase como "en caso de frialdad".
Curiosamente, la pereza ocasionalmente puede ser algo bueno en el diseño. Encontrar accesos directos y soluciones más rápidas a menudo puede dar como resultado diseños más simples que también permiten una lectura más rápida para el espectador.
El concepto
Las partes que ya hemos analizado conducen a casa el concepto del sitio notablemente bien. Definitivamente no puedes perderte la idea detrás del sitio. Como refuerzo adicional, aunque hay dibujos simplificados de líneas de zombies que realmente completan el sitio muy bien.
Estos son un estilo muy diferente a las ilustraciones anteriores, pero los dos se complementan bien y no se ven como imágenes de zombis al azar que se encuentran en un sitio de arte. No estoy seguro de si son completamente personalizados o no, pero tienen ganas y eso es lo importante.
Dos cosas que cambiaría
Hasta ahora, esta crítica ha sido más un elogio. El sitio es genial, así que simplemente no tengo muchos comentarios para dar. Dicho esto, aquí hay dos áreas que creo que podrían ser mejores.
Navegación
El primer problema que tengo con el sitio es la navegación. El relleno de fondo CSS aquí es un color ligeramente diferente al color de fondo en las imágenes para los botones. Esto estaría bien si fuera claramente intencional, pero aquí parece un accidente.
El resultado es un área de navegación descuidada que reduce la calidad estética del sitio. La solución de este problema solo debería tomar unos minutos, por lo que no hay una buena razón para no abordarlo.
Iconos sociales
Mi último pensamiento sobre el sitio es que la barra social realmente mata el tema visual general. Se ha trabajado mucho para hacer que el sitio se vea consistente a través de texturas, colores, ilustraciones, tipografía, etc. Esto es completamente arruinado por un widget de redes sociales que sin duda simplemente se pegó en el código. Es bastante atractivo por mérito propio, pero simplemente no encaja aquí.
No tengo ningún problema con el concepto del bar, estoy de acuerdo con las redes sociales. Sin embargo, el sitio funcionaría mucho mejor con algunos iconos de logotipo de silueta simples o tal vez incluso algo sucio como el gráfico de fondo.
¡Tu turno!
Ahora que ha leído mis comentarios, participe y ayude dando al diseñador algunos consejos adicionales. Háganos saber lo que piensa 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 un consejo constructivo claro y libre de cualquier insulto.
