Simple Entrepreneur

A l’affiche de cette nouvelle édition de Morceaux Choisis, la série d’articles qui s’intéresse au génie et au design de certaines parties d’un site Internet : FiveRuns (un service de gestion applicatif), Mr Uptime (une extension pour Firefox), le blog de Rijeka (un club de Judo), Magento (une solution e-commerce) et Iconkits (une boutique en ligne qui vend… des icônes bien sûr).

Cette fois-ci, nous allons nous focaliser sur les en-têtes et plus particulièrement ces sections qui vont attirer l’attention du visiteur (les spécialistes parlent de call to action).

FiveRuns permet de surveiller et gérer des serveurs ainsi que les applications déployées dessus. Il propose en outre une offre spécifiquement pensée pour les plateformes basées sur Ruby on Rails. La page présentant le descriptif de ces deux solutions dispose d’un en-tête très travaillé qui met en avant leurs avantages :

La typographie, les icônes et les schémas sont tous du même acabit. Ce site (à visiter absolument) est un bel exemple en matière de design web et fourmille de détails.

Mr Uptime est un plugin Firefox qui permet d’être prévenu à posteriori de la disponibilité d’un site. En effet, si vous rencontrez un site qui n’est pas accessible (en cours de maintenance par exemple), cette extension va être capable de le surveiller de manière transparente afin de vous notifier ensuite de son retour en ligne :

Le haut de la page attire irrémédiablement l’attention. On y retrouve d’ailleurs tous les effets à la mode : dégradés, médaillon, reflets, …

Le site du club de Judo Rijeka est vraiment très joli et retranscrit très bien l’esprit de cette discipline. Là encore, le haut de la page est un modèle du genre, avec cette photo de Jigorō Kanō, fondateur du Judo Kodokan :

Les autres pages sont basées sur le même principe. Une très belle réussite.

Pour revenir à un milieu plus professionnel, Magento est une solution open source pour monter un site de commerce en ligne. Cette solution a l’air vraiment très bien conçue et peut facilement être téléchargée en cliquant sur le bouton dans l’en-tête :

L’effet d’ombre portée donne un certain cachet à l’ensemble, mais peut-être faudrait-il donner un peu plus de punch à cette section car on peut avoir du mal à la distinguer de l’image de fond.

Et pour terminer, voici Iconkits, une boutique en ligne où il est possible d’acheter des icônes pour un site Internet. La palette de couleurs oscille entre le bleu et une opposition noir/blanc. Quant à la structure de la page, elle suit le même principe que celles des autres sites étudiés dans cet article : une large section qui attire tout de suite le regard :

Le reste de la page est très réussi (comme par exemple le menu). Et même les différents moyens de paiement ont été designés sous forme d’icônes.

A lire également

Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :

• Quelle rémunération pour les web designers ?
• L'art du web design au Japon
• Morceaux choisis : CapitalDinner, Freckle, Campaign Monitor, Unblab, Atomeet, Issuu, ...
• Redesign d'une carte d'embarquement

Les visiteurs qui ont vu cette page ont consulté ensuite :

• Le cube de couleurs de More Crayons (22 lectures)
• 7 outils pour bien choisir les couleurs de son site (19 lectures)
• 7 web designers avec lesquels j’aimerais travailler (13 lectures)

A savoir

La rédaction de cet article a nécessité 1 heure et 38 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.