Web Design Critique # 61 Undead Kit

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 Undead Kit, un recurso invaluable para sobrevivir a una invasión no muerta.

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.

Sobre Undead Kit

Undead Kit no es muy diferente de tu típico kit de supervivencia. Contiene elementos tales como un cuchillo, fósforos, curitas, etc. Sin embargo, el giro es que este kit de supervivencia está específicamente orientado a sobrevivir al apocalipsis zombie. Todos sabemos que se avecina, así que puedes prepararte mientras aún tienes la oportunidad. ¡Este novedoso y estrafalario producto es muy real y se ha vuelto tan popular que actualmente está pendiente durante tres semanas!

Aquí hay una captura de pantalla de la página de inicio:

Impresión inicial

Viendo que soy tu hombre típico (es decir, amo todo lo relacionado con matar zombies), creo que este sitio es fantástico. Aparte 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. Hay algunos pequeños ajustes y correcciones que yo haría, así que repasemos lo que funciona y lo que no.

Metas

Una de las principales formas de medir el éxito de un diseño es delinear objetivos específicos como su primer paso, luego regresar a esos objetivos una vez 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é se debe lograr aquí.

Primero, el sitio debe comunicar que hay un producto en venta. Cada vez que vendes algo, este es un objetivo prioritario. Suena dolorosamente obvio, pero te sorprendería saber 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 este, donde las respuestas son bastante impredecibles.

Además, y al mismo tiempo, el sitio necesita transmitir su concepto. Este no es tu kit de supervivencia típico, es un kit de no-muertos. Es bueno enfocar esto de una manera alegre, para que la gente vea de inmediato la novedad y el potencial de regalo.

Por último, pero no menos importante, debería poder pasar fácilmente a la etapa de compra. Este sitio pasa por PayPal, así que sabemos que debería funcionar bien y no lo discutiremos demasiado. Vamos a ver qué tan bien se abordan esos otros objetivos sin embargo.

El producto

Lo primero que probablemente veas en la página de inicio es un zombie con un gusano que sobresale de su ojo, lo veremos en un minuto. Lo segundo que ve es la imagen del producto y su título: El kit de los no-muertos.

Normalmente, realmente no tendría idea de lo que era un kit Undead, pero esta simple imagen toma el concepto complejo y lo aclara en un instante. La caja miradas como un botiquín de primeros auxilios, así que cuando se combina con una 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, pero no lo hacen. En su lugar, confían en el diseño visual para decirle todo lo que necesita saber, ¡y lo hace!

Dos preguntas importantes

Si vas a pagar treinta dólares por algo, querrás saber qué contiene. Saltando a los? Contenidos? página, se puede ver exactamente eso. Yendo más allá, las? Direcciones? La página luego te muestra cómo usar el kit. Es probable que el último de estos 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 salido de un manual de supervivencia de boy scouts. Podrían haberse ido fácilmente con la fotografía de producto, pero el efecto definitivamente no habría 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 puede de vez en cuando Ser una buena cosa en 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 revisado hacen que el concepto del sitio se vea muy bien. Definitivamente no te puedes perder la idea detrás del sitio. Sin embargo, como refuerzo adicional, hay dibujos de líneas de zombies simplificados que realmente completan el sitio muy bien.

Estos son un estilo muy diferente al de las ilustraciones anteriores, pero los dos se complementan bien y no parecen imágenes de zombis al azar encontradas en un sitio de stock art. No estoy seguro de si son completamente personalizados o no, pero tienen ganas y eso es lo importante.

Dos cosas que cambiaria

Hasta ahora, esta crítica ha sido más de un elogio. El sitio es excelente, ya 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 de los botones. Esto estaría bien si fuera claramente intencional, pero aquí parece un accidente.

El resultado es un área de navegación de aspecto descuidado que reduce la calidad estética del sitio. Solucionar este problema solo debería llevar unos minutos, por lo que no hay una buena razón para no resolverlo.

Iconos sociales

Mi último pensamiento sobre el sitio es que la barra social realmente destruye el tema visual general. Se ha trabajado tanto para hacer que el sitio se vea consistente a través de texturas, colores, ilustraciones, tipografías, etc. Esto se ve completamente arruinado por un widget de redes sociales que, sin duda, fue simplemente pegado en el código. Es bastante atractivo por su propio mérito, pero simplemente no encaja aquí.

No tengo ningún problema con el concepto de la barra, soy todo para las redes sociales. Sin embargo, el sitio funcionaría mucho mejor con algunos iconos de logotipo de silueta simples o incluso algo sucio como el gráfico de fondo.

¡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.