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 actuel est Goldenboy Media, une agence de conception de sites Web située dans le sud de Londres.
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 de Goldenboy
Goldenboy Media est une agence de création jeune et créative qui conçoit actuellement des sites Web inspirés et des interfaces utilisateur innovantes, actuellement située dans le sud de Londres. Nous essayons constamment de donner vie à des concepts de design avec des prototypes simples et beaux. Ce qui nous distingue des autres agences de design, c'est l'attention au détail, chaque projet sur lequel nous travaillons, nous visons à le concevoir comme s'il s'agissait du nôtre.
Voici une capture d'écran de la page d'accueil:
Disposition et alignement
Goldenboy Media est une agence de création web professionnelle. Ce serait donc une grande déception de ne pas avoir un site web aussi beau! Heureusement, ils ont fait un excellent travail sur leur propre site.
La zone de contenu principale est de 1000 pixels, belle et large. Cela donne au site une très grande sensation. La disposition et l'alignement sont très forts, la majeure partie du texte est alignée à gauche et la disposition bascule entre deux et trois colonnes lorsque vous faites défiler.
Une grande partie du contenu adhère à une grille simple d'une largeur de 940 pixels, une taille très courante qui fonctionne extrêmement bien pour fractionner le contenu en colonnes.
Couleur et typographie
La palette de couleurs sur tout le site donne vraiment le ton et la convivialité à l'image de la société. Il est important de clouer et beaucoup de concepteurs y réfléchissent trop. Goldenboy a décidé d’utiliser un thème principalement en niveaux de gris qui a l’air très professionnel et qui offre un joli contraste entre les tons foncés et les tons clairs.
Une couleur unique, # 9F8723, est utilisée pour mettre en valeur le design. Avec la palette de gris doux, cela fonctionne parfaitement pour attirer votre attention sur les zones clés.
La typographie associe une belle police, condensée en gras, à la police facilement lisible Georgia. L'appariement fonctionne très bien et est étonnamment lisible compte tenu de la quantité de texte en italique utilisée.
Une note négative ici, la police de titre utilise Cufon donc ce n'est pas très sélectionnable. Je préférerais que @ font-face soit utilisé pour le remplacement des polices. Il fonctionne bien sur tous les navigateurs, utilise du CSS pur et conserve tous les avantages du texte en direct.
Curseur
Je suis toujours à la recherche d'un bon curseur d'image, en particulier lorsque vous êtes une entreprise qui doit montrer des échantillons de travail. Goldenboy a décidé d'afficher des captures d'écran très cadrées et légèrement pivotées de certains de leurs travaux. Le cadre étroit vous donne l’impression qu’ils consacrent beaucoup de temps et d’efforts à la réalisation de tous les petits détails.
Le curseur lui-même est le populaire Slider Nivo. Cet utilitaire génial est facile à mettre en œuvre. Pour le récupérer et l'utiliser sur votre propre site, consultez ce tutoriel.
Répétition
Un autre excellent outil de conception que nous voyons être utilisé généreusement ici est la répétition. Encore une fois, nous voyons la même couleur utilisée pour accentuer et pour aller encore plus loin, un effet grunge est également appliqué. Même la forme du cercle se répète encore et encore.
Nous avons donc ici la répétition en couleur, forme et texture, une utilisation classique de cet outil simple. En procédant ainsi, le concepteur facilite la tâche de l’utilisateur afin qu’il puisse se familiariser avec les points essentiels du message de la page.
Prestations de service
Pour illustrer la répétition sur plusieurs pages, consultez la page Services. Ici, ils ont pris les blocages d'icônes de la page d'accueil, qui contiennent un minimum de texte, et les ont développés en explications plus complètes.
J'aime beaucoup cette idée et je pense qu'elle est magistralement exécutée. Il est important de ne pas surcharger votre page d'accueil avec des informations pouvant submerger vos visiteurs. Donnez-leur un avant-goût, puis dirigez-les vers des pages dédiées contenant davantage d'informations sur ce qu'ils veulent savoir.
Conception de pied de page
Bien que la conception de la page soit restée relativement sûre pendant la plus grande partie de la page, la créativité s’est vraiment accrue dans le pied de page. Ceci est juste un élément de design vraiment attrayant qui attire vraiment mon attention et est de loin mon truc préféré sur la page.
À 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.