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 site personnel de Sabina Nore.
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.
A propos de Sabina Nore
«Bien que ce site présente mes différents débouchés créatifs, c’est le design, et plus particulièrement le design Web, qui est ma profession officielle depuis plus de 10 ans. J'ai créé des sites Web, des animations Flash, des logos, des brochures et des affiches, des illustrations, des mascottes, des jeux Flash et d'autres éléments de conception pour des clients du monde entier. Chaque nouveau client m'a présenté son domaine qui, même s'il était tout à fait nouveau pour moi au début, deviendra remarquablement familier vers la fin du projet. ?
Voici une capture d'écran de la page d'accueil:
Impression initiale
Comme vous pouvez le constater, ce site Web est unique! Il a une impression fantaisiste et fantaisiste, comme si il venait tout droit d'un roman pour enfants. Ce type de tâche est extrêmement difficile à obtenir et donne généralement une page qui ressemble à celle des années 90. Certes, il y a une partie de cela ici, mais peut-être pas dans les endroits que vous penseriez immédiatement.
Je peux certainement dire que beaucoup de travail a été mis sur le site et qu’il est censé être une réflexion personnelle de l’auteur. Avec un peu de peaufinage, je pense que nous pouvons amener le site un long chemin!
La musique
Tout d’abord, je le signale littéralement sur tous les sites qui le font: les lecteurs de musique automatiques sont un excellent moyen d’amener les gens à détester votre site. Nous nous attendons généralement à une expérience de navigation silencieuse sur notre site Web. Un site Web qui commence au hasard à vous lancer de la musique et des effets sonores peut être désagréablement surprenant et même gênant si le site est visité en public.
Je recommande généralement que le paramètre par défaut pour les lecteurs de musique soit désactivé, avec un choix évident d'ajouter du son uniquement si l'utilisateur le souhaite. De plus, le bouton muet de ce site atténue vraiment le son et ne le tue pas réellement. Si un utilisateur appuie sur un bouton pour désactiver le son sur votre site, assurez-vous que c'est exactement ce que vous faites.
Pendant que nous parlons de mes marottes, vous pourriez envisager d'atténuer un peu l'effet visuel. La souris scintille et la fumée animée peut être un peu accablante!
Entête
L'en-tête est en fait assez renversant. C'est super fou mais d'une manière étrangement attrayante qui réussit dans le ton mystérieux qu'il est censé donner.
Que vous aimiez ou non l'effet final, vous devez admettre que c'est tout un exploit de Photoshop! Il se passe beaucoup de choses dans cette partie du site, alors décomposons-les un à un.
Icônes sociales
Il ne serait certainement pas facile de trouver des icônes de médias sociaux qui cadreraient avec ce thème, mais le lustre brillant sur celles-ci semble refléter la fantaisie du reste de la page. Je ne sais pas s'il s'agit d'une personnalisation ou s'il s'agit simplement d'un téléchargement de stock, mais le choix est solide.
Éléments de navigation
Tout au long de l'en-tête, divers éléments réagissent lorsque vous les survolez et mènent à d'autres parties du site lorsque vous cliquez dessus. Certaines sont évidentes, d’autres discrètes et presque cachées.
Normalement, je dirais de ne jamais cacher votre navigation! Cependant, ces images ne sont en réalité qu'un moyen secondaire de naviguer sur le site. Le vrai menu de navigation se trouve en haut à gauche, là où vous le cherchiez.
Comme il existe un moyen évident et facile à utiliser de naviguer sur le site, la chasse au trésor ci-dessous ne me pose pas vraiment de problème. Cela pourrait même être assez amusant pour certains utilisateurs.
Zone de logo
Au centre du site se trouve un grand logo portant le nom du concepteur. Cela facilite immédiatement l'identification du site sur lequel vous êtes tombé et comprend une citation personnelle qui donne un tout petit aperçu de ce qu'est le site (un portefeuille de créativité). Cependant, j'ai un problème ici, voyez si vous pouvez le repérer:
Aussi drôle que cela puisse paraître, je ne peux pas m'empêcher de voir? Sabina Snore? chaque fois que je regarde ce logo! Le placement du grand? S? sur la gauche, on dirait que ça essaie de s’intégrer dans les mots. Sabina pourrait envisager d'empiler ces éléments ou de les réorganiser de telle sorte que la suggestion du mot? Snore? disparaît.
Contenu du pied de page
Bien que l'en-tête soit bizarre mais comporte beaucoup de mérite, la section de contenu au bas de l'écran pourrait nécessiter une restructuration complète et constitue de loin la section la plus faible de la page. Il y a juste beaucoup de contenu à lire ici et tout est regroupé en un seul bloc. De plus, la mise en page semble se briser et se chevaucher sur plusieurs navigateurs.
95% des concepteurs de sites Web qui soumettent une critique de Design Shack à organiser beaucoup de contenu écrit sont en retard. C'est une tâche délicate et qui est beaucoup trop facile à créer dans un désordre visuel que personne ne lit. J'aime toujours utiliser des exemples réels pour montrer que cela peut en fait être extrait de manière structurée et lisible. Aujourd'hui vient de Goldenboy Media:
Notez combien de contenu écrit est affiché ici, peut-être pas autant que sur le site de Sabina, mais il existe un argument de poids en faveur d'une réduction du contenu de la page d'accueil de Sabina en un support plus gérable. Les informations sur Goldenboy Media sont extrêmement bien divisées. Deux sections distinctes utilisent des tactiques organisationnelles différentes pour éviter les redondances. Le premier utilise des icônes simples et une disposition en grille, le second utilise deux gros blocs. Le résultat est super attractif et très convivial.
Je ne recommande pas à Sabina de voler cette mise en page directement, mais plutôt de l'utiliser comme une source d'inspiration pour organiser les informations écrites de manière à pouvoir être triées très rapidement.
À 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.