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 Aaron Storry Photography.
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 Aaron Storry Photography
Aaron est un photographe hautement qualifié et expérimenté basé à Higham Ferrers, dans le Northamptonshire. Son expertise est principalement dans les domaines de la photographie de mariage, des portraits, des paysages et des photographies de situation franches. Il possède également une grande expérience des techniques HDR (High Dynamic Range Imaging) et Tilt-Shift.
Voici une capture d'écran de la page d'accueil:
Pensées Initiales
Si vous suivez nos critiques de design depuis un moment, vous pouvez reconnaître ce site. Aaron Storry était aussi le critique en conception de sites Web n ° 5! À l’époque, j’ai déclaré que le site me plaisait beaucoup et que cette affirmation est encore plus vraie aujourd’hui. Voici la conception originale de la page d'accueil.
Comme vous pouvez le constater, par comparaison, l'ancienne version est beaucoup plus claire et un peu vide. Le nouveau site donne l'impression que beaucoup plus de travail a été consacré au contenu et à l'esthétique. Ce n'est pas souvent que je loue un concepteur pour le bachotage plus contenu sur leur page d'accueil, mais dans ce cas, je pense vraiment qu'il en avait besoin.
J'aime beaucoup le fait qu'Aaron a décidé de conserver l'essence de l'ancien design, tout en l'amenant au niveau supérieur. Si vous étiez un client familier de l'ancien site, le nouveau ne vous choquerait pas, cela ressemblerait davantage à une mise à jour qu'à une refonte complète.
Jetons un coup d'œil à chaque morceau de la page d'accueil et voyons comment / si elle s'est améliorée et si nous pensons que d'autres améliorations peuvent être apportées.
La navigation
L'ancien site comportait une barre de navigation sur le côté. Certaines personnes aiment la navigation latérale, d’autres le détestent, mais celui-ci a été mis en œuvre assez bien. Cela a fonctionné parce qu’il a été corrigé pour que, lorsque vous faites défiler, la navigation s’accompagne, ce qui permet de changer de page facilement.
Cependant, cette fonctionnalité n'était pas présente aux endroits qui en avaient le plus besoin: les longues pages de la galerie. Cette incohérence était un inconvénient majeur du site précédent. Le nouveau site abandonne complètement la barre latérale et opte plutôt pour une navigation vers le haut.
La question de savoir si une navigation supérieure est intrinsèquement meilleure qu'une navigation latérale est une discussion pour un autre jour, mais dans ce cas, je pense vraiment que c'est une amélioration. Tout d'abord, la barre latérale consommait beaucoup de la largeur de la page, ce qui, comme nous le voyons maintenant, avait beaucoup de potentiel pour présenter d'autres contenus. Coller la navigation en haut a réduit l'empreinte de cette partie du site tout en la plaçant dans un emplacement logique. Ce que je veux dire par là, c'est que quand quelqu'un cherche la navigation, il commence en haut de la page.
Autant que possible d'amélioration, je ne suis pas sûr d'être fou de la forme répétée derrière les menus déroulants de navigation. Je pense qu'une simple boîte noire pourrait offrir plus de contraste et être moins gênante.
Diaporama
Je ne peux pas en dire assez sur ce domaine. Déplacer la navigation vers le haut pour laisser plus de place au diaporama est la meilleure décision prise lors de la refonte. Les photographes doivent mettre en avant une chose avant tout sur leurs sites: leurs photos.
Cela représente 99,9% de la façon dont vous serez jugé par les clients potentiels et rien ne fait une bonne impression, à l'instar d'un immense diaporama de photos présentant votre meilleur travail. Si vous êtes photographe, vous devez absolument chercher à imiter cela sur votre site. En fait, nous avons récemment publié un didacticiel sur la création d’un diaporama en plein écran pour votre page d’accueil.
Au-delà de la taille du diaporama, la mise en œuvre est solide. Pour commencer, c'est JavaScript au lieu de Flash, qui est toujours un bonus. Les commandes sont également simples mais faciles à repérer et à utiliser.
Contenu informatif
La deuxième grande amélioration pour ce site est l'inclusion de nombreuses informations utiles directement sur la page d'accueil. Auparavant, les utilisateurs devaient approfondir le site pour en savoir plus sur Aaron et ses services, ce qui n’est pas idéal pour les visiteurs curieux débutants. Désormais, ses services sont clairement définis avec des liens vers chaque section du site.
L'organisation de cette information est vraiment géniale. Un grand nombre de ces critiques incluent des critiques sur la manière dont les informations sont présentées sur la page d'accueil, car il est si facile de donner l'impression que cela ressemble à un gâchis non organisé. Ici, cependant, nous avons des sections clairement séparées avec un flux d’informations facile à suivre et de solides principes d’alignement mis en pratique. J'aime particulièrement l'utilisation de zones grises pour séparer le contenu à gauche de celui à droite, ce qui est agréable!
Autres pages
Le superbe design ne s'arrête pas à la page d'accueil. La mise en page établie ici est très bien réalisée sur l’ensemble du site. N'oubliez pas qu'il est parfaitement acceptable de réutiliser une version modifiée de la présentation de votre page d'accueil pour vos autres pages. Vous n'avez pas besoin de réinventer la roue à chaque fois! Ici, le concepteur a mis en place un motif prévisible et familier, ce qui facilite la convivialité, car vous vous familiarisez rapidement avec la présentation de base.
Même lorsque le concepteur a dû repenser complètement la mise en page, comme dans le cas de la page du magasin, il l'a vraiment fait sortir du parc. La mise en page basée sur la grille est super solide et fonctionne parfaitement ici. Parmi les autres atouts, citons les effets de survol et une barre latérale propre et fonctionnelle.
À 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.