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 Trade & Lateral Development, une entreprise de marketing par courriel.
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 34 $ pour critiquer votre conception, ce qui est nettement moins que ce que vous paieriez pour qu'un consultant examine votre site! Vous pouvez en savoir plus ici.
À propos du commerce et du développement latéral
Trade & Lateral Development est une entreprise de marketing par e-mail proposant des services complets. Nous avons 10 ans d’expérience dans cette industrie en expansion et fascinante. Nous souhaitons vous transmettre nos connaissances afin que vous puissiez développer votre entreprise sans avoir à rechercher au préalable les principes et les meilleures pratiques.
Voici une section de la page d'accueil:
Analyse de conception
La page ci-dessus n'est pas peu attrayante. Les couleurs sont vives et accrocheuses sans se contredire et l’organisation est assez claire dans l’ensemble. Cependant, je ne pense vraiment pas que ce soit aussi fort que cela pourrait être. En tant qu'exercice, imaginez que tout le texte de la page ait été estompé. Est-ce que les images à l'appui portent la thèse du site? En d'autres termes, pouvez-vous toujours savoir à quoi sert le site?
Je ne pense pas. Les icônes en haut sont génériques, ce qui n’est pas intrinsèquement mauvais, mais quand elles servent d’image unique dans l’en-tête, elles sont absentes. J'aime le poids général de l'en-tête, sa taille est grande et audacieuse, mais il doit en dire plus sur le service de marketing par courrier électronique.
Un moyen facile et populaire de faire cela est avec une capture d'écran. Affichez un modèle dont vous êtes fier ou une photo de votre système backend. Vous pouvez voir cette technique à l'œuvre sur les pages d'accueil de deux de vos concurrents en marketing par e-mail populaires, Campaign Monitor et MailChimp.
Ce n'est pas une coïncidence, c'est une stratégie éprouvée et efficace. Notez que chacun de ces sites utilise également des couleurs très vives et utilise beaucoup d’espace. Ce sont les images de haute qualité et accrocheuses qui les distinguent de Trade Lateral. Campaign Monitor utilise même le même type d’icônes génériques, mais au lieu d’en faire le héros de la page, elles servent de support d’image au contenu textuel.
Ce qui m'amène à une autre leçon que l'on peut apprendre ici. Trade Lateral a des tonnes de texte sur la page d'accueil. Vous vous attendez à ce que les parties intéressées passent sur le site et passent 20 minutes à lire vos informations, mais presque personne n’a ce genre de patience pour naviguer sur le Web.
Au lieu de cela, vous disposez d'environ trois secondes pour capter l'attention d'un visiteur et une page pleine de texte ne la coupera pas. Surtout quand vos concurrents ont des designs aussi beaux et conviviaux qui crient qualité et facilité d'utilisation. La page Trade Lateral, en revanche, demande beaucoup de travail. Cela peut avoir pour effet de submerger les clients potentiels en leur faisant croire que le marketing par courriel est tout simplement trop compliqué et par conséquent, d'abandonner l'idée.
Suer les petites choses
Ce n'est pas seulement la conception de la grande image qui pourrait être améliorée ici, les détails pourraient également être affinés. A titre d'exemple, prenons les boutons sur la page. Leur conception ressemble un peu à une tentative démodée d’un style Web 2.0 qui meurt rapidement. Suivre les tendances du design moderne peut paraître ridicule, mais cela est directement lié à la perception de la qualité par le client.
Vérifiez la comparaison des boutons ci-dessous, en vous référant à nouveau aux deux sites que nous venons d'utiliser comme exemples.
Notez que Campaign Monitor et MailChimp ont des conceptions de boutons très similaires. Les dégradés subtils, les coups de pixel, les couleurs sont plus contemporains que les boutons en plastique brillant de Trade Lateral. Je ne suggère certainement pas que vous déchiriez les autres conceptions de boutons, il est bon de sortir de la boîte et de faire quelque chose de différent. Assurez-vous simplement que vous avancez et non pas en arrière en termes de style.
Une autre chose intéressante à noter à propos des boutons sur les autres sites est le phrasé utilisé. Tous deux utilisent des appels à l'action forts (inscription gratuite, essai gratuit) plutôt que du langage passif (évaluation gratuite du courrier électronique).
Recommandations
Voyons si nous pouvons mettre toutes les informations dispersées ci-dessus dans un ensemble plus concret de modifications suggérées. Tout d’abord, réduisez le contenu de la page d’accueil à quelque chose de plus gérable et moins intimidant. Une grande partie de ce contenu pourrait être déplacé vers des pages de support.
Ensuite, faites une déclaration plus forte avec votre en-tête, en travaillant éventuellement dans certaines captures d'écran de vos modèles ou de votre système. Montrer ce que le client achète. Utilisez également vos icônes pour diviser le contenu textuel de la page en blocs visuels de la même manière que sur le site de Campaign Monitor (encore une fois, ne leur arrachez pas leur design, produit final unique).
Veillez également à mettre à jour les graphiques sur des éléments tels que des boutons pour les rendre plus modernes. Ceci est associé au fait de s'assurer que les boutons contiennent des appels à l'action clairs qui indiquent clairement le but du bouton.
Enfin, essayez de prendre le contenu modulaire sporadique de votre page et de mieux l’intégrer dans une conception cohérente. Remarquez comment MailChimp a en réalité beaucoup de choses sur leur page d'accueil, mais plutôt que de ressembler à des pièces de puzzle éparses, cela ressemble à un tout intégré.
À 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.