Critique de conception Web # 61: Kit Undead
Chaque semaine, nous examinons un nouveau site Web et analysons le design. Nous soulignerons à la fois les domaines qui sont bien réalisés en plus de ceux qui pourraient utiliser un peu de travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site d'aujourd'hui est Undead Kit, une ressource inestimable pour survivre à une invasion de morts-vivants.
Explorez les ressources de conception
Si vous souhaitez soumettre votre site Web pour qu'il soit présenté dans une future critique de conception, cela ne prend que quelques minutes. Nous facturons 49 $ pour critiquer votre conception - beaucoup moins que ce que vous paieriez pour qu'un consultant jette un œil à votre site! Vous pouvez en savoir plus ici.
À propos de Undead Kit
Undead Kit n'est pas très différent de votre kit de survie typique. Il contient des éléments tels qu'un couteau, des allumettes, des pansements, etc. Cependant, le résultat est que ce kit de survie est spécifiquement conçu pour survivre à l'apocalypse zombie. Nous savons tous que cela arrive, alors vous pourriez aussi bien vous préparer pendant que vous en avez encore la chance! Ce produit roman et loufoque est très réel et est devenu si populaire qu'il est actuellement en rupture de stock pendant trois semaines!
Voici une capture d'écran de la page d'accueil:
Impression initiale
Vu que je suis votre homme typique (c'est-à-dire que j'aime tout ce qui concerne le meurtre de zombies), je pense que ce site est fantastique. Mis à part le grand concept, le site est très attrayant et propose de nombreux designs et illustrations personnalisés.
En ce qui concerne la conception générale et le thème du site, je ne changerais rien. Il y a quelques petits ajustements et corrections que je ferais, alors passons en revue ce qui fonctionne et ce qui ne fonctionne pas.
Buts
L'un des principaux moyens de mesurer le succès d'une conception consiste à définir des objectifs spécifiques comme première étape, puis à revenir à ces objectifs une fois la conception terminée pour voir s'ils ont été atteints ou non. Maintenant, nous ne savons pas vraiment quels objectifs ils ont définis pour ce site, mais il est assez clair ce qui doit être accompli ici.
Tout d'abord, le site doit communiquer qu'il existe un produit à vendre. Chaque fois que vous vendez quelque chose, c'est un objectif prioritaire. Cela semble douloureusement évident, mais vous seriez surpris de voir combien de designers manquent complètement la marque ici. Ensuite, vous devez informer adéquatement les gens sur le produit: que comprend-il? Comment dois-je l'utiliser? Ces questions sont essentielles à quelque chose d'unique comme celui-ci où les réponses sont assez imprévisibles.
De plus, et simultanément, le site doit transmettre son concept. Ce n'est pas votre kit de survie typique, c'est un kit Undead. Il est bon d'aborder cela de manière légère pour que les gens voient immédiatement le potentiel de nouveauté et de cadeau.
Enfin et surtout, vous devriez facilement pouvoir passer à l'étape d'achat. Ce site passe par PayPal, nous savons donc que cela devrait fonctionner correctement et nous n'en discuterons pas trop. Voyons si ces autres objectifs sont bien traités.
Le produit
La première chose que vous voyez probablement sur la page d'accueil est un zombie avec un ver qui sort de l'œil, nous y reviendrons dans une minute. La deuxième chose que vous voyez est l'image du produit et son titre: The Undead Kit.
Normalement, je n'aurais pas vraiment idée de ce qu'était un kit Undead, mais cette image simple reprend le concept complexe et le rend clair en un instant. La boîte ressemble à une trousse de premiers soins, donc lorsqu'elle est combinée avec une image d'un zombie, je peux immédiatement deviner que la trousse comprendra probablement des ressources d'urgence de base.
Ils pourraient avoir un argumentaire de vente de six paragraphes ici que personne ne lirait jamais, mais ils ne le font pas. Au lieu de cela, ils s'appuient sur la conception visuelle pour vous dire tout ce que vous devez savoir, et c'est le cas!
Deux questions importantes
Si vous allez payer trente dollars pour quelque chose, vous voudrez savoir ce qu'il contient. En sautant sur la page "Contenu", vous pouvez voir exactement cela. Pour aller plus loin, la page «Directions» vous montre ensuite comment utiliser le kit. Ce dernier n'est probablement pas absolument nécessaire (vous savez à quoi sert une lampe de poche) mais cela aide vraiment l'hilarité et le thème du site et je pense vraiment qu'il devrait rester.
Ces deux pages sont ma partie préférée du site. Les artistes ici ont vraiment réussi le style d'illustration approprié. Cela ressemble à quelque chose d'un manuel de survie de scout. Ils auraient pu facilement aller avec la photographie de produits, mais l'effet n'aurait certainement pas été aussi bon.
J'aime aussi à quel point ils ont simplifié la page Directions. Notez qu'il y a en fait neuf produits, mais ils les ont condensés en six panneaux avec des messages d'une phrase comme «en cas de froid».
Chose intéressante, la paresse peut parfois être une bonne chose dans la conception. La recherche de raccourcis et de solutions plus rapides peut souvent aboutir à des conceptions plus simples qui permettent également une lecture plus rapide pour le spectateur.
Le concept
Les parties que nous avons déjà passées en revue reflètent remarquablement bien le concept du site. Vous ne pouvez certainement pas manquer l'idée derrière le site. Comme renforcement supplémentaire, il existe des dessins au trait simplifiés de zombies qui complètent vraiment bien le site.
Ce style est très différent des illustrations précédentes, mais les deux se complètent bien et ne ressemblent pas à des images de zombies aléatoires trouvées sur un site d'art. Je ne sais pas s'ils sont complètement personnalisés ou non, mais ils en ont envie et c'est ce qui est important.
Deux choses que je changerais
Jusqu'à présent, cette critique a été plus qu'un éloge. Le site est génial car je n'ai donc pas beaucoup de commentaires à donner. Cela étant dit, voici deux domaines qui, à mon avis, pourraient être meilleurs.
La navigation
Le premier problème que j'ai avec le site est la navigation. Le remplissage d'arrière-plan CSS ici est une couleur légèrement différente de la couleur d'arrière-plan sur les images des boutons. Ce serait bien si c'était clairement intentionnel, mais ici, cela ressemble à un accident.
Le résultat est une zone de navigation à l'aspect bâclé qui fait baisser la qualité esthétique du site. La résolution de ce problème ne devrait prendre que quelques minutes, il n'y a donc aucune bonne raison de ne pas le résoudre.
Icônes sociales
Ma dernière réflexion sur le site est que la barre sociale tue vraiment le thème visuel global. Beaucoup de travail a été fait pour rendre le site cohérent à travers les textures, les couleurs, les illustrations, la typographie, etc. Ceci est ensuite complètement ruiné par un widget de médias sociaux qui a sans doute été simplement collé dans le code. Il est assez attrayant en soi, mais ne convient tout simplement pas ici.
Je n'ai aucun problème avec le concept du bar, je suis tout à fait pour les réseaux sociaux. Cependant, le site fonctionnerait beaucoup mieux avec de simples icônes de logo de silhouette ou peut-être même quelque chose de sale comme le graphique d'arrière-plan.
À ton tour!
Maintenant que vous avez lu mes commentaires, lancez-vous et aidez-moi en donnant au designer quelques conseils supplémentaires. Faites-nous savoir ce que vous pensez de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons également d'être respectueux envers le concepteur du site et d'offrir des conseils constructifs clairs, sans insultes.