Chaque semaine, nous examinons un nouveau site Web et en analysons le design. Nous soulignerons les deux domaines qui sont bien faits en plus de ceux qui pourraient nécessiter du travail. Enfin, nous terminerons en vous demandant de fournir vos propres commentaires.
Le site d'aujourd'hui est Billy.com, un club d'épargne en ligne.
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 24 $ pour la critique de votre conception - beaucoup moins que le coût d'un consultant pour jeter un coup d'œil sur votre site! Vous pouvez en savoir plus ici.
À propos de Billy.com
?Permettez moi de me présenter. Je m'appelle Billy et je suis le gars derrière le Smartest Savings Club du Web. Économiser de l'argent n'est pas seulement ma passion, c'est mon but. Mon travail consiste à faire en sorte que mes amis ne paient plus le plein prix. Avec l'aide de ma famille fantastique, je négocie des offres exceptionnelles avec des détaillants et des fournisseurs de services au nom de mes amis. C'est peut-être difficile à croire, mais derrière mon apparence suave et ma belle apparence se cache un négociateur de pouvoir! Je compare également les offres et les citations de différents fournisseurs afin que mes amis puissent trouver le produit ou le service le mieux adapté tout en conservant le maximum de leur argent durement gagné.?
Voici une capture d'écran de la page d'accueil:
Nous allons maintenant décomposer divers aspects de la conception et discuter de ce qui fonctionne et de ce qui ne fonctionne pas.
Conception générale
Dès le départ, j’ai eu l’impression que le design se sent un peu démodé. Certaines des décisions prises ici reflètent les styles de conception Web qui étaient typiques il y a presque une décennie. Cela inclut le traitement de l'en-tête, des polices et couleurs utilisées et même, dans une certaine mesure, du style d'illustration de bande dessinée en papier du dimanche matin (nous en discuterons plus en détail ci-dessous).
Cependant, la disposition générale est assez fonctionnelle. La barre latérale a une bonne largeur et est bien organisée et le contenu principal s’écoule de manière logique.
Messagerie
Une des choses que je pense que le site des ongles est la messagerie. Le terme "club d'épargne"? est assez vague et semble être un piège, mais le rédacteur publicitaire a bien précisé que le club est entièrement gratuit. L'appel à l'action est tout aussi important: "Devenez mon ami". avec une déclaration rassurante sur la façon dont cela ne prend que 30 secondes.
Parfois, s’inscrire à un service Web semble facile, mais conduit rapidement à un processus complexe que les utilisateurs veulent désespérément éviter. La déclaration de 30 secondes est un encouragement fort et constitue sans aucun doute l'une des principales raisons derrière l'inscription de nombreux utilisateurs.
J'aime aussi que sous cette rubrique se trouve une liste d'économies populaires. C’est une autre étape qui clarifie le contenu du site et le type d’affaires que vous pouvez recevoir.
Typographie
Celui-ci va paraître un peu dur, mais croyez-moi, ces étapes simples amélioreront considérablement vos conceptions. La première règle de conception est «ne jamais utiliser Comic Sans». Billy.com passe le test sur ce front, mais une règle très similaire et moins connue est la suivante: "Ne jamais utiliser Hobo".
Il n'y a tout simplement pas de bonne façon de le dire, Hobo est une police laide. Si vous souhaitez utiliser une police amusante sur certains éléments, vous pouvez le faire, il suffit de chercher ceux qui ont un peu plus de style et de classe. FontSquirrel est un excellent endroit pour commencer votre recherche. En visitant le site et en choisissant presque quelque chose au hasard, j'ai trouvé l'image ci-dessous (la police s'appelle Japan). Je suis sûr que vous pourriez faire beaucoup mieux si vous investissiez du temps et des efforts réels dans la recherche.
Gamelle
Parlons de Billy pendant une minute. Lorsque vous chargez le site pour la première fois, Billy n’est visible nulle part. Puis, sortant de l’abîme, vous entendez le bruit des pas et des marches montantes, Billy fait signe de la main, hoche la tête, brandit des pancartes et émet beaucoup d’effets sonores de cartoony dans l’exercice de ses activités.
Comprenez-moi bien, c'est un personnage amusant. Il a l'air ringard et amical et apporte un élément personnel au site. C'est amusant de le survoler avec la souris et de le voir sourire et faire des signes. Cependant, je pense qu'il est un peu mal utilisé.
Je suggère presque toujours que tout site avec des effets sonores offre aux utilisateurs un moyen de les désactiver. Incluez un bouton quelque part qui tue complètement les sons, ou mieux encore, incitez les utilisateurs à appuyer sur le bouton pour activer les sons (en les laissant désactivés par défaut).
Je pense aussi que Billy est mal placé. Tandis qu'il brandit des pancartes pour vous informer sur le site et attirer votre attention, il dissimule en fait le contenu de la barre latérale, ce qui rend l'utilisation assez médiocre si vous essayez réellement de lire ou d'interagir avec ce contenu.
Je suggérerais de déplacer Billy du côté droit de la page. Étant donné que le contenu de la boîte principale est assez loin à gauche, il ne cache rien d’important pour la fonctionnalité du site.
Une refonte du design moderne
Ce n'est jamais amusant d'entendre quelqu'un vous suggérer de refondre votre site. Et en toute honnêteté, Billy.com est fonctionnel comme il est et pourrait s’améliorer considérablement avec les simples suggestions ci-dessus. Toutefois, si vous décidez de modifier le site visuellement dans un avenir proche, je vous suggère de jeter un coup d'œil sur certains sites populaires basés sur les personnages sur le Web aujourd'hui.
Les sites ci-dessous utilisent tous de superbes styles de conception Web modernes avec de superbes combinaisons de couleurs, illustrations, textures, etc. Je ne suggère pas d'arnaquer ces sites, mais plutôt de les présenter comme une inspiration pour interpréter mes suggestions pour amener Billy.com. à jour visuellement.
Pour moi
Enrichissement
Silverback
Comptabilité dans une boîte
À ton tour!
Maintenant que vous avez lu mes commentaires, apportez votre contribution en donnant quelques conseils supplémentaires au concepteur. Dites-nous ce que vous pensez être génial à propos de la conception et ce que vous pensez pourrait être plus fort. Comme toujours, nous vous demandons d'être également respectueux du concepteur du site et d'offrir des conseils clairs et constructifs, sans aucune insulte dure.