Critique de conception Web # 70: Lake Gibbs Estate
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 Lake Gibbs Estate. Commençons et voyons ce que nous en pensons! Lorsque vous avez terminé de parcourir cet article, assurez-vous de consulter notre énorme collection d'autres critiques de conception Web.
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 Lake Gibbs Estate
Niché dans les collines de la chaîne de montagnes Sahayadri, le domaine péninsulaire du lac Gibbs offre un endroit parfait pour votre résidence secondaire. Couvert de forêts vertes luxuriantes, entouré par les eaux du barrage de Thokarwadi qui fusionnent et se mélangent avec le lac Andhra, le lac Shirawata et le lac Valvhan; Lake gibbs offre une occasion unique de vous déconnecter de votre quotidien et de vous reconnecter avec vous-même. Assez loin de toute zone urbaine, mais à moins de 30 minutes en voiture des stations Malavli, Bhivpuri Road et Paladari; Le lac Gibbs est l'escapade parfaite pour le week-end ou même l'année alternative.
Voici une capture d'écran de la page d'accueil:
Premières impressions
Le site Web du domaine Lake Gibbs est très simple. Il n'y a qu'une seule page avec un grand diaporama et quelques descriptions très brèves. Par conséquent, ce sera une critique assez brève!
Ma première impression de cette page est assez positive. C'est très élégant et attrayant, les photos plein écran de beaux paysages attirent vraiment votre attention. Pour la plupart, je pense que le concepteur a fait un excellent travail pour créer quelque chose qui est à la fois basique et intéressant. Chaque pièce du design mérite un commentaire, alors regardons de plus près.
Le diaporama
Comme je viens de le mentionner, le diaporama est le véritable bouchon de l'émission ici. En fait, le site est le diaporama, il n'y a pas grand chose d'autre. Je suis toujours un peu partisan de tirer parti de la grande photographie dans la conception. Une bonne photo peut être plus efficace que des heures de travail Photoshop «à partir de zéro» pour attirer l'attention de l'utilisateur et communiquer une sensation esthétique. Il peut sembler que vous prenez la solution de facilité en réduisant un design en photos plein écran, et peut-être que vous l'êtes, mais il est difficile de résister à l'idée de moins de travail conduisant à un produit fini peut-être plus attrayant!
Un endroit où la conception lourde de photographie fonctionne assez bien est avec les photos de produits. Lorsque vous vendez un beau produit, les puces sont excellentes, mais l'image du produit devrait être le véritable héros. Vous voyez cela à l'œuvre dans la conception d'Apple, Dyson et de nombreux autres fabricants de produits haut de gamme. Ici, le même principe s'applique, la partie intéressante est que le paysage est le produit (ils vendent des parcelles). Cela fonctionne de manière fantastique car il n'y a presque rien de plus attrayant que la verdure luxuriante et un ciel coloré sur la rive d'une rivière expansive.
Typographie
Lorsque vous avez un design photographique lourd comme celui-ci, la typographie devient l'une des décisions les plus importantes que vous prendrez en tant que designer. Vous êtes chargé de choisir quelque chose qui complète l'imagerie. Il doit être attrayant et correspondre à l'ambiance des visuels sans essayer de voler la vedette.
Une pression rapide sur mon bookmarklet WhatFont révèle que la police de caractères moderne et condensée utilisée sur ce site est une police gratuite appelée Steelfish. Je pense que la police est parfaite pour ce projet et j'aime la façon dont, malgré une seule variation de la police, le concepteur a pu aider certains aspects de la conception à se démarquer grâce à l'utilisation de toutes les majuscules.
Le type ne se démarquerait certainement pas des photos, donc une astuce de conception simple et efficace a été utilisée: une superposition d'opacité réduite en noir. Cela encadre joliment le site et met en évidence les informations importantes sans nuire trop aux visuels principaux.
Un problème que j'ai avec la typographie est l'espacement des mots, en particulier sur le texte «Lake Gibbs Estate». L'espace entre les mots par rapport à l'espace entre les lettres semble loin. C'est malheureusement le problème le plus fréquent que je rencontre avec les polices gratuites, peu semblent vraiment retirer l'espacement des mots ainsi que les polices premium.
Bas de page
En surface, il semble qu'il n'y ait rien d'autre sur la page que le diaporama et le nom du site. Cependant, après une inspection plus approfondie, il s'avère qu'il y a plus. Au bas de la page, vous trouverez une barre noire avec des légendes pour chacune des images du diaporama:
En survolant cette barre, vous développez une section «À propos» et «Contact» en bas de la page dans une belle animation fluide.
J'aime l'apparence de cette zone, mais je ne suis définitivement pas un grand fan de la fonctionnalité. Le problème est inhérent à mon commentaire précédent, cette section est assez cachée. Il n'y a aucune indication nulle part sur la page qu'elle existe, c'est seulement lorsque vous commencez à placer votre souris au hasard sur diverses zones que vous découvrez sa présence.
Je recommande vraiment d'ajouter un indicateur visuel toujours présent. Peut-être un petit onglet qui sort de la barre inférieure qui dit "En savoir plus". Il existe un million de solutions possibles, dont plusieurs fonctionnent très bien, l'important est d'utiliser quelque chose (n'importe quoi) pour aider l'utilisateur à comprendre comment accéder à ces informations importantes.
Conclusion
Pour résumer, voici une liste de contrôle rapide de mes réflexions sur la conception.
Bien
- Conception simple et épurée qui remplit bien sa fonction.
- Diaporama: de superbes images en plein écran attirent vraiment l'attention de l'utilisateur.
- Police: C'est propre, moderne et attrayant. Il n'est également pas utilisé sur le corps du texte plus petit, ce qui est un bon appel car il s'agit clairement d'une police de titre.
Besoin de travail
- L'espacement des mots sur le domaine du lac Gibbs. J'aime la police mais si vous ne pouvez pas réparer cette horreur, il vaut peut-être mieux trouver quelque chose de nouveau.
- Le pied de page caché. Il n'est pas évident que cela existe jusqu'à ce que vous le trouviez accidentellement. Pensez à un moyen de mieux mettre en valeur ce contenu.
À 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.
