Je ne suis pas le roi de l’ergonomie, j’ai même pas mal de choses à apprendre sur le sujet. Je vous re-conseille à ce titre ce superbe ouvrage sur l’ergonomie en général et l’ergonomie web en particulier, “ergonomie web, 2em édition” d’Amélie Boucher.

Vous apprendrez notamment que l’ergonomie, “ça n’existe pas”. C’est pas moi qui le dit, c’est Amélie (je l’appelle Amélie, mais je ne la connait pas plus que ça, c’est pour avoir l’air cool …). L’ergonomie, c’est un mélange de bon sens et de règles pratiques.

J’ai eu envie aujourd’hui de vous présenter une page d’accueil que j’adore, découvert grâce à Fred Cavazza dans la série des “mes trois sites coups de coeur”. C’est la home du site The Social Agency, une agence d’organisation de rencontres professionnelles.

Simplicité, force du message, élégance. Un de mes mentors avait (et a toujours) l’habitude de dire que ce qui est simple et sain. Là, on est en plein dedans, avec un design très Web 2.0, un colonne, couleur un peu flashy (rose, pour une agence créée par trois femmes, c’est-y-pas qu’elles auraient fait exprès ?), de l’espace, de la clarté, de …

Bon, un peu d’analyse à présent.(attention, les cadres violets et les gros “1, 2, 3″ ont été rajoutés, pour mieux comprendre, s’pas)

Trois parties, trois étapes simples

Trois parties pour cette home page.

Etape une, la valeur ajoutée de l’agence, son credo. Ce message est étonnamment “crié avec douceur”, police énorme, large panorama. Remarquez notamment avec quelle acuité on perçoit le logo.

Très souvent, la baseline est accolée au logo, on ajoute alors parfois un second message, ou on en met pas du tout. Ici, le message, l’image, tout est quasi-explicite dès le départ.

Notez aussi que cette première partie correspond exactement au fameux 1024 * 768.

Etape deux, pour être certain que tout le monde à bien compris, ce que l’agence fait pour “bring people together”.

trois exemples très pratiques, “Launch parties. Award shows. International conferences.” On ne peut pas, encore une fois, être plus clair.

Le message concernant l’offre de service est direct : “We want to plan and promote your next event”. Simple, efficace, beau.

Etape trois, les CV pour parachever de convaincre. Trois pros, une offre claire, simple, promesse d’une prestation claire et simple également pour le client.

Mais …

Ben …

Et les call-to-action ? Ils sont où mes call-to-action !!!

Je les entends déjà, les “pros” de la conversion. Tu parles. Avec un tel message, pas besoin de gros bouton (rose, qui plus est) “Click on me, quick !” ou de lien “Call us, now !!!” en police 254

Le lien vers la page “contact” est forcément … à sa place, et je clique naturellement le discret, élégant et non moins présent “contact us”.

La page contact, le summum

Magnifique.

Allez-y, c’est vraiment sympa en vrai.