Critique de design Web # 23 Kuenstler

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, à la fois par des commentaires et par le vote lors de notre sondage sur le design.

Le site d'aujourd'hui est K? Nstler.co.at.

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 de Kuenstler

Utilisez notre site Web pour vous présenter, vous et votre art, vous augmentez votre portée et vous parlez à des gens du monde entier, que vous soyez musicien, écrivain ou sculpteur: k? Nstler.co.at est la bonne plateforme pour vous .

Voici une capture d'écran de la page d'accueil:

Comme toujours, nous utiliserons ceci comme point de départ et analyserons d'abord la conception globale, puis discuterons de certains domaines spécifiques.

Premières impressions

Dès le départ, j'aime l'aspect général du site. Il est lumineux, coloré, contient beaucoup d’espace et a une présentation logique et facile à suivre.

Les graphismes sont vraiment accrocheurs et le grand curseur JavaScript est un excellent moyen de rendre le site plus dynamique et de regrouper beaucoup de contenu dans une seule page de manière totalement épurée.

Je pourrais dire instantanément que le site utilise du homard pour la typographie. Lobster est une fonte belle et audacieuse, totalement gratuite et qui constitue un excellent candidat si vous souhaitez intégrer des polices personnalisées (notamment un script) à votre site.

Répétition

Une autre chose que le site fait bien est la répétition. Un thème visuel a été fortement établi et est repris à divers endroits au cours de la conception.

La répétition visuelle est l’un de vos principaux outils en conception et vous devez absolument apprendre à la manier. Ce site comporte un peu de répétition et, à mon avis, ne le pousse pas trop loin mais le pousse au bord. Trop de choses auraient peut-être été excessives et d'autres moins pourraient ne pas avoir été aussi efficaces.

Le logo

Le logo est l’un des premiers endroits où la police utilise le caractère Lobster. Cela me convient car c'est un script puissant et lisible, parfait pour les logos. Cependant, je n'aime certainement pas que le homard ait également été utilisé comme police plus petite dans le logo.

Mélanger la typographie peut être délicat et à la fin c'est un art très subjectif. Cependant, en règle générale, vous voulez absolument que les scripts soient faciles. Ils sont beaucoup plus difficiles à lire que les polices de caractères serif ou sans-serif et ne devraient presque jamais être utilisés dans des tailles variables à des distances aussi proches.

Dans une telle situation, la police la plus petite est clairement définie en tant que message secondaire et doit donc utiliser une police secondaire. Laissez le script en gras capter l’attention et utilisez quelque chose de subtil pour le sous-texte. Voici un exemple rapide que j'ai jeté ensemble.

Texte sélectionnable

À mon avis, l'incorporation de polices personnalisées sur un site ne consiste pas uniquement à réduire la taille des fichiers en réduisant les images, mais également à la convivialité et à la création de texte dynamique sélectionnable.

Ce site utilise Cufon pour incorporer le homard dans la page. Non seulement cette solution nécessite JavaScript pour fonctionner (acceptable mais pas idéale), mais elle perturbe également la sélection de texte.

La principale raison pour laquelle je suis en désaccord avec cela est que Lobster est si facile à intégrer avec un kit @ font-face de FontSquirrel. @ font-face est une solution CSS qui prend en charge de nombreux navigateurs et génère un texte magnifique et sélectionnable. Même le site Web Cufon suggère que l'utilisation de @ font-face est le "moyen le plus simple d'adopter les normes."

Beaux boutons

Je veux prendre une seconde et dire que j'aime la conception de ce bouton.

C'est grand et audacieux, entouré d'espaces blancs, coloré; super design. C'est certainement mon élément préféré sur la page.

Contenu à onglets

Tout comme le curseur d'image en haut du site est un excellent moyen d'afficher de nombreuses images non encombrées, le contenu avec des onglets au milieu est un excellent moyen de disposer de nombreuses informations utiles dans un espace très restreint.

Si vous regardez cette zone avec JavaScript désactivé, vous voyez simplement toutes les sections affichées en même temps, empilées les unes sur les autres comme vous le feriez dans un site typique. Cela donne une meilleure expérience aux utilisateurs qui le souhaitent et n'exclut pas les utilisateurs qui ne le souhaitent pas.

Conclusion

Pour l’essentiel, c’est un site vraiment bien conçu. Plutôt que des révisions majeures de la conception, je suggère seulement de faire quelques ajustements et de mettre l'accent sur la fonctionnalité et la lisibilité, en particulier avec l'utilisation de la police personnalisée.

Pour que vous puissiez avoir une idée du site dans son ensemble, voici quelques photos supplémentaires tirées d’autres pages:

À 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.