Aujourd’hui, nous allons commencer une nouvelle série dans laquelle nous examinons brièvement et en détail une conception donnée et discutons à la fois des aspects très bien réalisés et de ceux qui pourraient nécessiter un peu de travail.
Au cours de ces critiques, nous discuterons de tout, de la conception et de la théorie des couleurs à la convivialité et aux bonnes pratiques de codage.
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.
Le garder propre
Ces articles sont censés être une expérience d'apprentissage, pas un moyen de critiquer les concepteurs. Nous chercherons toujours à préserver l’intégrité du concepteur et nous nous efforcerons de nous concentrer davantage sur le positif que sur le négatif.
Nous vous demanderons de faire part de vos opinions honnêtes concernant un dessin à la fin de chaque critique. Nous vous demandons également de respecter le concepteur du site et de proposer des conseils clairs et constructifs, sans aucune insulte. Nous supprimerons rapidement tous les commentaires ayant recours à de simples attaques ad hominem ou à des plaintes inutiles.
Obtenez des commentaires sur votre site!
En plus de pouvoir soumettre un site à notre galerie CSS, vous aurez bientôt la possibilité de nous demander de considérer votre site pour une critique dédiée.
Cela se traduira par une plus grande exposition pour votre site, car ces publications apparaîtront directement dans notre flux ou nos articles normaux. En outre, vous recevrez des commentaires professionnels de qualité et des suggestions concrètes et réalisables sur la manière d’améliorer la conception de votre site.
Maintenant que toutes les introductions nécessaires sont en cours, commençons notre première critique de design!
Studios Dreamscape
Dreamscape Studios est le portfolio en ligne du développeur Web Brett Chaney. Brett est basé à Melbourne et compte à son actif un certain nombre de superbes sites.
Ce que j'aime
Ce site est bien conçu et offre de nombreuses fonctionnalités intéressantes. Jetons un coup d'œil aux trois principaux domaines qui se démarquent.
L'arrière-plan
Le fond sur le site de Brett est une texture de papier nébuleuse réaliste avec une finition semblable à une toile.
Ceci est accompli avec un 2000? 1400 fond jpg. De nombreux concepteurs ont toujours peur d'utiliser une seule grande image d'arrière-plan, mais même les appareils mobiles chargent l'image assez rapidement pour ne pas gâcher le site.
La palette de couleurs
Le site utilise une palette de couleurs très légère et naturelle ne comprenant que quelques teintes principales.
Cette palette de couleurs douce est parfaite pour un site de portefeuille, car elle permet d'attirer votre attention sur la galerie de défilement des sites, dont la couleur est plus vive et qui devient immédiatement le point central.
La typographie
Brett utilise un bon mélange de caractères serif et san-serif qui se complètent bien. Cela montre qu'il comprend bien quels types de polices fonctionnent bien ensemble.
À quelques endroits près, le type a reçu une légère ombre qui le fait briller légèrement ou même sembler légèrement gravé dans le papier. C'est une bonne idée et il a fait preuve de beaucoup de réserve en ne l'utilisant pas trop.
Zones pouvant être améliorées
Ici, nous allons examiner quelques endroits où le design pourrait être un peu plus fort.
Mise en page et espaces blancs
Les espaces sont certainement une bonne chose dans une mise en page, mais un espace coincé gênant ou trop d'espace libre au mauvais endroit peut réellement réduire l'efficacité de la conception.
Le petit tiroir latéral sur la galerie est une bonne idée, mais il jette vraiment la mise en page de la page et crée un grand espace vide tout en bas du côté gauche de la page, ce qui est primordial.
Je pense aussi que l’écart entre le pied de page et le contenu pourrait être réduit car il est un peu déconnecté inutilement pour le moment.
Contenu du pied de page
Le pied de page contient des tonnes de liens, ce qui est un excellent moyen de simplifier la navigation sur de grands sites. Cependant, ces liens sont tous externes et ne concernent pas du tout le contenu ci-dessus.
Étant donné que ce site est censé être un portefeuille, une telle liste d'amis et de sites favoris ne semble tout simplement pas appropriée du point de vue professionnel.
En outre, lorsque vous faites défiler la page, une barre apparaît dans le pied de page avec un lien pour revenir en haut de la page. Je les signale toujours dans les sites parce que j'aime généralement leur utilité dans les longs blogs et les galeries. Cependant, toutes les pages de ce site sont en réalité assez courtes et ne semblent tout simplement pas mériter un raccourci vers le haut de la page.
En fait, ce lien couvre même le contenu du pied de page et ne disparaît que lorsque vous êtes en haut de la page et ne peut donc pas voir le pied de page. Cela signifie que vous ne pouvez jamais vraiment voir ce qu'il y a derrière, mais que quelque chose se cogne (je crois que c'est l'information sur le droit d'auteur).
Conclusion
Le site de Brett Chaney présente une excellente texture d'arrière-plan, une palette de couleurs claire et une typographie puissante. L'utilisation d'espaces dans la mise en page et le contenu du pied de page peut nécessiter quelques modifications mineures, mais ces problèmes ne sont pas suffisamment importants pour gâcher la grande expérience globale du site.
Utilisez les commentaires ci-dessous pour aider le concepteur en fournissant des commentaires constructifs. Assurez-vous également de nous dire ce que vous pensez de la nouvelle série de critiques et d'indiquer si vous allez ou non soumettre votre site.
Intéressé d'avoir votre propre site critiqué? Vous pouvez en savoir plus ici.