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 MacroDreams, le portfolio personnel de Deepak Chakravarthy.
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 MacroDreams
Je m'appelle Deepak Chakravarthy J. et je suis un concepteur de sites Web indépendant et un développeur front-end avec plus de 9 ans d'expérience dans la conception Web et graphique. Je m'efforce de créer des sites Web propres, conviviaux pour les moteurs de recherche et visuellement attrayants, basés sur les normes Web les plus récentes et les directives d'utilisation, afin de fournir la meilleure solution possible.
Voici une capture d'écran de la page d'accueil:
Impression initiale
MacroDreams présente un design inspiré par la nature qui est très attrayant, en particulier dans la zone d’en-tête. L'idée est assez fantastique et mélange oiseaux et herbe avec des graphismes spatiaux et des tourbillons abstraits.
La page d’accueil est assez simple: elle ne contient qu’un simple article de blog et sert de passerelle vers d’autres pages, telles que la section portefeuille. La grammaire est assez rude dans l’ensemble, mais comme je ne parle qu’une seule langue, je n’ai pas de chapeau à quiconque peut même essayer d’écrire dans une langue étrangère à la sienne. Je vais donc me concentrer sur ce site du point de vue de la conception.
Dans cet esprit, il y a des éloges à faire et des critiques constructives à offrir. J'aime certains aspects, mais je crois fermement que des améliorations peuvent être apportées. Commençons par l'en-tête.
Trop de bonnes choses?
Lorsque vous chargez la page pour la première fois, ce qui attire votre attention est l’art en-tête. D'un point de vue purement esthétique, c'est un peu fou mais en réalité très attrayant.
En regardant la page, cela prend vie. La zone herbeuse contient une animation de gouttelettes d’eau que je trouve assez fascinante, le perroquet vacille et cligne des yeux et les oiseaux du sommet ont une animation de parallaxe en vol stationnaire avec les nuages.
De temps en temps, je manie des tours comme ceux-ci, mais pour être honnête, je pense que les trois effets ont été très bien obtenus ici. Le problème est que je pense que chaque effet est agréable en tant qu'élément individuel indépendant. Seul, les gouttelettes d'eau sont fraîches, seul, l'animation d'oiseau attire votre attention, etc.
Cependant, lorsque vous combinez autant d'animations sur une même page, l'effet est déconcertant. Il y a simplement trop de choses qui se passent. Dans le film Pixar "The Incredibles", le but du méchant est de rendre tout le monde spécial, car le résultat final serait que personne n'est spécial. Aussi ringard que ce soit pour en faire une leçon de design, je pense constamment à ce film lorsque je vois des sites comme celui-ci.
Rappelez-vous que la clé d'une bonne conception Web consiste à capter l'attention du spectateur, puis à le diriger où vous le souhaitez. Lorsque vous avez plusieurs objets en concurrence pour attirer l'attention, vos yeux ne savent pas trop où aller et le message a tendance à se perdre.
Aussi difficile que cela puisse paraître après tous ces efforts dans le projet, je vous recommande de ne choisir qu'une de ces animations et d'abandonner le reste. Vous pouvez même les recycler sur d’autres pages du site si vous n’êtes pas fous de les jeter complètement.
Contenu principal
Le reste de la page est occupé par la grande boîte de contenu présentée ci-dessous. C'est une mise en page simple à deux colonnes qui fonctionne assez bien et met clairement l'accent sur le contenu important.
Mon problème avec ce domaine, c'est qu'il semble que le designer ne sache pas vraiment quoi en faire. En fait, une grande partie est dédiée aux liens sortants. La zone de remerciement maladroite ci-dessous, les liens sociaux et le fil d'actualités Smashing vous emmènent tous loin de ce site. Certes, ce sont des choses que presque tous les blogs de design ont, y compris celui-ci, mais le problème ici est qu’il n’ya pas vraiment grand-chose à faire pour que vous restiez.
L'article de blog date d'octobre, ce qui vous donne le sentiment qu'il s'agit d'un projet abandonné. De plus, il n'y a pas de section de blog dans la navigation, donc cette fonctionnalité du site est un peu vague et indéfinie de toute façon.
Ce qui doit arriver ici est une réévaluation des objectifs de ce site. Puisqu'il n'y a qu'un seul poste, et qu'il s'agit d'un ancien, je dirais que le but principal ici est de permettre au concepteur de montrer son portefeuille. Cependant, mis à part un lien dans la navigation, cela ne se reflète pas du tout dans le contenu de la page.
Si vous jetez un coup d'œil à la page du portfolio, vous verrez que ce concepteur a en fait une tonne d'excellent travail à montrer, tout ce qui forme des sites Web en logos et travaux d'impression. Je vote que vous abandonnez la mise en page du blog de la page d'accueil et que vous migriez une partie du contenu du portefeuille là-bas. Le portefeuille peut rester là où il se trouve, mais la page d’accueil devrait avoir pour but de présenter le site / concepteur et de diriger les utilisateurs vers la page du portefeuille ou la page de contact (indispensable si vous souhaitez que des personnes vous engagent).
Conclusion
Il est évident que ce concepteur possède de solides compétences en développement Web et Photoshop. Comme souvent, mon conseil est de simplifier et de recentrer. Réduisez l'activité sur la page pour que l'expérience soit moins gênante et redirigez la page d'accueil de manière à afficher votre travail et à amener les gens vers la page de portefeuille.
À 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.