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 le portfolio de Katy Cain, une photographe de mariage chez Chandlers Ford. Faisons un saut et voyons ce que nous pensons!
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.
A propos de Katy Cain
«Je suis un photographe de mariage et de portrait pour Hampshire basé à Chandlers Ford. Je voyage beaucoup dans le Hampshire et les comtés environnants, notamment Oxfordshire, Wiltshire, Surrey, Sussex et Dorset. S'il vous plaît jetez un coup d'oeil à mon travail et si vous sentez que je m'intégrerais parfaitement dans votre journée, alors j'aimerais beaucoup avoir de vos nouvelles.?
Voici une capture d'écran de sa page d'accueil:
Première impression
La toute première chose que je remarque sur le site de Katy, c'est qu'il est propre et minimal. Ce style de conception convient parfaitement aux sites de photographes, car il permet aux photos de se démarquer clairement des éléments les plus en évidence de la page. Étant donné que les photos sont l’objet principal de l’entreprise, il s’agit d’une stratégie parfaite.
J'ai aussi remarqué que ce n'est pas un site Flash. Les photographes en général ont une dépendance excessive à l'égard des sites 100% Flash et je suis toujours heureux de voir des personnes qui ont adopté une approche plus respectueuse des normes.
En bout de ligne, le site a pris un très bon départ. C'est simple mais efficace. Il y a cependant quelques domaines dans lesquels je suggérerais d'envisager un changement ou deux. Faisons un saut et voyons comment nous pourrions améliorer le site.
Un peu plus wow
Malgré tous leurs inconvénients, les sites Flash ont un atout majeur: ils ont tendance à être assez attrayants. Souvent, la tentative de s'engager est si lourde que cela devient ennuyeux et distrayant, mais c'est au moins une tentative de rendre les choses intéressantes.
Ce site va peut-être trop loin dans l'autre sens: il semble en fait assez ennuyeux. Tout dans la conception suggère un? Coffre-fort? approche qui reste loin de tout ce qui pourrait être considéré comme audacieux. L'image principale est de bonne taille, mais pas trop grande, le texte est de type sans-serif assez homogène, la page est complètement statique; Je pense juste que nous devons donner un petit coup de pouce à tout cela pour le rendre plus intéressant.
Pour commencer, je suggèrerais de transformer l'image principale en un diaporama JavaScript comportant trois à cinq photos. Quand je viens à la page d'un photographe, la première et souvent la seule chose que je veux voir, c'est quel type de photo il prend et j'aimerais avoir un plus grand goût de cela dès la page d'accueil.
J'aimerais également que la largeur du contenu soit allongée d'au moins 100 pixels, plus si cela est possible. Je veux que la photo principale soit grande, audacieuse et en face de vous.
Logo
La typographie pour le logo n'est pas ma préférée. La police de caractères fine est acceptable car elle suggère un attrait féminin et puisque Katy est bien une femme, cette idée fonctionne. Cependant, je ne suis pas sûr que cela corresponde à la résolution de l'image ou à la manière dont la police de caractère réelle est rendue, mais les courbes sont irrégulières et pixellisées au lieu d'être belles et fluides. Mon attention est constamment attirée par cette distraction et je recommande de tenter de la résoudre.
De plus, la deuxième ligne du logo est assez petite et difficile à lire. Je sais ce qu’il dit immédiatement, mais si je le regarde vraiment, l’effet me fait un peu mal aux yeux. Je suggère de laisser tomber le mot? Professionnel ,? il n'y en a tout simplement pas besoin ici. Laissez le travail leur dire que vous êtes un professionnel, insistant verbalement sur le fait que vous en êtes un et que, ironiquement, vous parlez comme un débutant. Supprimer ce mot libérera un peu d’espace horizontal pour que le reste soit légèrement plus grand.
La navigation
J'apprécie beaucoup les touches de design subtiles, mais cette petite icône de maison minuscule (illustrée ci-dessus à sa taille réelle) la pousse. Il est tellement petit qu'il est probablement plus une distraction que quelque chose qui améliore l'esthétique de la page à n'importe quel niveau. C’est sérieusement l’icône la plus douce que je connaisse.
En dehors de cela, je pense que la navigation fonctionne bien. Je suggère toutefois de placer la souris sur quelques pixels à droite afin qu'elle soit parfaitement alignée avec l'image en dessous. Ses presque làmais pas tout à fait. J'ai un article entier consacré à comment? Presque? est un mot sale pour les concepteurs.
Repensons la mise en page
Je trouve la mise en page actuelle un peu gênante, particulièrement en ce qui concerne le type. Le gros morceau de texte centré sous la photo principale a certainement besoin de travail. Tout d’abord, les colonnes larges du texte aligné au centre sont l’ennemi mortel de la lisibilité, évitez-les à tout prix. Les paragraphes alignés à gauche sont la voie à suivre dans une situation comme celle-ci et l'alignement justifié de la page dans son ensemble s'y prête parfaitement.
De plus, ceci est votre message de bienvenue principal, mais il ne se démarque en aucune façon. C'est juste là; vieux texte simple et ennuyeux qui ne se différencie pas de manière significative.
Je vous propose de réorganiser la mise en page de la page entière. Ce ne sera pas une entreprise majeure, seulement quelques changements et changements. L'esthétique générale sera également conservée. Cependant, ces ajustements donneront l’impression d’un tout nouveau site, débordant de personnalité et animé par une atmosphère invitante.
Commençons par ce gros paragraphe. Ce dont nous avons besoin ici, c’est du contraste, à la fois en taille et en audace. J'ai créé une solution à trois niveaux beaucoup plus attrayante qu'un paragraphe monotone.
Comme vous pouvez le constater, cela commence par un gros "gras"? Bonjour ?.Il passe ensuite à un paragraphe d'introduction principal assez volumineux pour être titré, mais pas trop volumineux pour ne pas faire concurrence au message bonjour initial. Enfin, le reste du texte d'accompagnement est jeté dans un paragraphe plus petit.
J'ai combiné cela avec un reformatage de la mise en page globale afin qu'elle soit beaucoup plus ancrée sur le côté gauche. Cela tire parti de la? F? tendance que beaucoup de lecteurs ont tendance à suivre lorsqu'ils naviguent sur le Web. Voici la grande image:
Cette nouvelle mise en page est propre, moderne et professionnelle, tout en donnant à Katy l’apparence de type de personne sympathique avec laquelle vous voudriez travailler.
Autres pages
Les autres pages du site pourraient utiliser une refonte similaire. Plusieurs sont du texte pur avec certaines des mêmes questions que le paragraphe de la page d'accueil. Je recommande de compléter certaines de ces pages avec une belle et grande photo pour que les choses restent intéressantes.
Prenez également la leçon de différenciation de texte présentée ci-dessus et appliquez-la dans les pages suivantes: Titres plus gros, plus gras et communication clairement hiérarchisée mettant l'accent sur les aspects les plus importants du message.
À 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.