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 Lake Gibbs Estate. Faisons un saut et voyons ce que nous pensons! Lorsque vous avez terminé de lire cet article, ne manquez pas notre vaste collection d’autres critiques en matière de conception de sites 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 la critique de votre conception - bien moins que le coût d'un consultant pour consulter votre site! Vous pouvez en savoir plus ici.
À propos du domaine du lac Gibbs
Niché dans les collines de la chaîne de montagnes Sahayadri, le domaine péninsulaire du lac Gibbs constitue un lieu idéal pour votre résidence secondaire. Couverts dans des forêts luxuriantes, entourés par les eaux du barrage Thokarwadi qui se confondent avec le lac Andhra, le lac Shirawata et le lac Valvhan; Lake gibbs offre une occasion unique de se déconnecter de votre quotidien et de vous reconnecter. Assez loin de toute zone urbaine, mais à 30 minutes en voiture des stations Malavli, Bhivpuri Road et Paladari; Le lac Gibbs est l’évasion idéale pour le week-end ou même l’année sur deux.
Voici une capture d'écran de la page d'accueil:
Premières impressions
Le site Web du lac Gibbs Estate 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 l’essentiel, je pense que le designer a fait un excellent travail en créant quelque chose qui est à la fois fondamental et intéressant. Chaque élément de la conception mérite un commentaire, examinons-le de plus près.
Le diaporama
Comme je viens de le mentionner, le diaporama est le véritable bouchon du spectacle 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 photographie de qualité en design. Une bonne photo peut être plus efficace que des heures à partir de zéro. Photoshop permet d’attirer l’attention de l’utilisateur et de communiquer une sensation esthétique. Vous aurez peut-être l’impression que vous prenez la solution de facilité en réduisant un dessin à une photo en plein écran, et c’est peut-être le cas, mais il est difficile de résister à l’idée de moins de travail menant à un produit fini peut-être plus attrayant!
Un endroit où la photographie lourde design fonctionne assez bien est avec des photos de produits. Lorsque vous vendez un beau produit, les points de balle sont excellents, mais l'image du produit doit être le vrai héros. Apple, Dyson et de nombreux autres fabricants de produits haut de gamme en sont à l'origine. Ici, le même principe s'applique, la partie intéressante est que le paysage est le produit (ils vendent des parcelles). Cela fonctionne à merveille parce qu'il n'y a presque rien de plus attrayant que la verdure luxuriante et un ciel coloré sur la rive d'un fleuve expansif.
Typographie
Lorsque vous avez un design photo lourd comme celui-ci, la typographie devient l’une des décisions les plus importantes que vous ferez en tant que designer. Vous êtes chargé de choisir quelque chose qui complète l'imagerie. Il devrait être attrayant et correspondre à l'ambiance des visuels sans essayer de voler la vedette.
Un appui 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 de caractères est parfaite pour ce projet et j'apprécie le fait que, malgré le fait qu’il n’y ait qu’une variante de la police de caractères, le concepteur a pu aider certains aspects de la conception à se démarquer grâce à l’utilisation de majuscules.
Le type ne se démarquant certainement pas des photos, un astuce de conception simple et efficace a donc été utilisée: une superposition en noir à opacité réduite. Cela encadre bien le site et met en évidence les informations importantes sans nuire beaucoup aux visuels principaux.
Un problème que j'ai avec la typographie est l'espacement des mots, en particulier sur la? Lake Gibbs Estate? texte. L'espace entre les mots par rapport à l'espace entre les lettres semble très éloigné. C’est malheureusement le problème le plus fréquent que j’ai rencontré avec les polices gratuites. Peu de gens semblent vraiment réussir l’espacement des mots ainsi que les polices premium.
Bas de page
À première vue, il semble qu’il n’y ait rien d’autre à la page que le diaporama et le nom du site. Cependant, après une inspection plus poussée, 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 se développe un? À propos? et? Contact? section du bas de la page dans une belle animation fluide.
J'aime l'aspect de cette zone, mais je ne suis vraiment 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 différentes zones que vous découvrez sa présence.
Je recommande vivement d'ajouter un indicateur visuel toujours présent. Peut-être un petit onglet qui se dégage de la barre inférieure qui dit "En savoir plus". Il existe un million de solutions possibles, dont plusieurs fonctionneront parfaitement. L'important est d'utiliser quelque chose (n'importe quoi) pour aider l'utilisateur à comprendre comment accéder à cette information importante.
Conclusion
Pour résumer, voici une liste de contrôle rapide de mes réflexions sur la conception.
Bien
- Un design simple et épuré qui remplit bien son rôle.
- Diaporama: de superbes images en plein écran attirent vraiment l'attention de l'utilisateur.
- Fonte: C'est propre, moderne et attrayant.De plus, il n'est pas utilisé dans le corps de 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 ce problème, il serait peut-être préférable de trouver quelque chose de nouveau.
- Le pied de page caché. Ce 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, 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.