1. Accueil
  2.  > 
  3. HWS
  4.  > 
  5. Ressources
  6.  > 
  7. Articles
  8.  > 
  9. Comment créer un site web ergonomique : le cas de Ski Republic

Comment créer un site web ergonomique : le cas de Ski Republic

Jan 18, 2017  

La dernière fois on vous a parlé des 11 astuces utiles pour la création d’un site web ergonomique . Aujourd’hui nous vous proposons de prendre en exemple le cas d’un de nos nouveaux clients Ski Republic. Nous verrons ensemble pourquoi selon nous leur site est facile à naviguer par les utilisateurs.


homepage ski republic


1. L’emplacement du logo

Comme on l’a vu dans notre précédente publication, la place du logo de la compagnie a une importance cruciale pour l’expérience de l’utilisateur. Dans le cas de Ski Republic nous voyons qu’ils ont choisi de le placer dans le coin en haut à gauche de leur page. Où que l’on clique, il reste sur sa place et si jamais nous voulons retourner à la page d’accueil, nous verrons que c’est possible en appuyant sur le bouton Ski Republic.

2. La barre de navigation

La compagnie a décidé de placer quatre onglets dans leur barre de navigation : Accueil, Avantages Client, Info, Nos stations, Contact et Actualités. Chaque titre est court et concis (deux mots maximum) et en lien évident avec la section vers laquelle il renvoie. Et si l’onglet Info vous semble un peu plus général, vous verrez, en posant le curseur de la souris dessus, qu’il y a deux sous-catégories qui apparaissent : F.A.Q. et Notre sélection. Ainsi le client est bien orienté dans sa navigation.

3. Le plan du site

Il est divisé en quatre grandes parties : Menu, Informations, Stations et Magasins. Ce que l’on aimera souligner ici c’est la simplicité et l’organisation claire qui aide l’utilisateur à trouver facilement l’information qui l’intéresse. Et afin de faciliter encore plus la tâche du client, Ski Republic a décidé de mettre des liens sur les noms des différentes stations de ski qui nous renvoient vers des informations pratiques. On y trouve les horaires d’ouverture et les adresses exactes des magasins Ski Republic accompagnées par un plan de Google maps et un numéro de téléphone pour chacun d’eux.

4. Le formatage

Les créateurs du site ont choisi une typo lisible et ont bien fait attention que les couleurs du fond et des lettres contrastent fortement afin de rendre la lecture facile et agréable. Les différentes tailles de police différencient clairement les titres de l’information secondaire. Ce formatage permet de partager beaucoup d’informations avec ses clients sans que le site paraisse surchargé et étouffé.

5. Les images

Ski Republic ont choisi d’utiliser peu de photos sur leur site. Sur la page d’accueil nous en comptons que deux. Leur approche nous rappelle que le contenu graphique pourrait se présenter sous formes différentes. Quand vous cliquez sur l’onglet Avantages client par exemple, vous allez voir une manière très efficace d’utilisation de petites icônes. De cette façon la page garde son caractère informatif, sans être trop chargée en images mais non plus sans manquer de matériaux graphiques. Et ceci tout en mettant en avant les couleurs corporatives !

6. L’outil de recherche


barre recherche


Dans l’onglet Actualité le client a la possibilité d’effectuer une recherche sur le site de Ski Republic, tout en choisissant la catégorie qui l’intéresse : Conseils, Edito ou Témoignages.

7. La compatibilité

Le site de Ski Republic a une version mobile. Le contenu y est présenté afin d’être compatible avec le petit écran : les photos y sont beaucoup plus petites et on y privilégie les paysages plutôt que des portraits.

8. Légèreté du site

Comme on l’a déjà vu, le site n’est pas surchargé d’images et d’animations trop lourdes. Le client ne devra pas attendre longtemps que les différentes pages d’affichent même si sa connexion internet n’est pas parmi les plus rapides.

9. URL facile à mémoriser

Ski-republic.com, c’est si simple que ça ! De plus il est facile à écrire en français autant qu’en anglais, en espagnol et en italien.

10. Contacts

Nous voyons que dans la barre en haut le site nous renvoie vers un numéro de téléphone en cas de besoin. Dans le menu en bas nous voyons une information plus complète avec toutes les coordonnées de chacun de leurs magasins dans les différentes stations de ski. En ce qui concerne les boutons vers les réseaux sociaux, ils s’affichent à droite sur toutes les pages du site. En utilisant les couleurs corporatives en plus !

11. Sécurité


securite ski


Et enfin, mais pas des moindre, la question de la sécurité. Ski Republic propose des paiements en ligne avec une carte bancaire. Il est très important donc qu’ils puissent protéger les données de leurs clients. Ils ont choisi un Certificat SSL dont on vous a parlé la dernière fois.

On espère que ce tutorial vous a été utile et que vous le garderez en tête pour la création de vos prochains sites !

Laisser un commentaire :

1 Commentaire
Vales Patrice
Publié le 2019-10-24 13:48:03
Je viens de faire un tour sur ce site. Au premier coup d??il, c'est très accueillant et pas surchargé, tout est bien ordonné. L'URL est facile à retenir... Rien ne vaut la simplicité ! Ce site est un bon exemple. Merci pour ce partage !

Lisez aussi:
10% de réduction sur votre prochaine commande(1)
Inscrivez-vous à notre NEWSLETTER pour recevoir votre code de réduction
(1) Valable uniquement pour toutes nouvelles commandes, hors achat de crédit hosteur et hors renouvellement de prestation. (Commande de produits matériels non inclus)