Site Web

Mention Honorable pour le projet Hillstone

Ergonomie, accessibilité, esthétique, navigation agréable, site fonctionnel… Il y a beaucoup d’aspects à prendre à compte lorsqu’on se lance dans un projet de création de site. Mais, vous allez nous dire “on ne peut pas tout avoir sur son site…” Détrompez-vous ! Chez Pilot’in, nous nous efforçons de faire de notre mieux pour vous livrer le meilleur site possible ! Et parfois, on est même récompensé par un jury d’expert. 😎

 

Voyons ensemble le projet Hillstone, ce site web qui attire l’attention avec son fameux “scroll horizontal”.

Mention Honorable sur Awwwards pour le projet Hillstone

 

 

Vous connaissez tous certainement Awwwards. Pour ceux qui ne connaissent pas, Awwwards est une plateforme sur lequel les designers, les développeurs et les agences webs peuvent s’inscrire. Le but est de publier son projet et d’être récompensé pour les efforts et le talent mis à l’œuvre pour le projet par des jurys du monde entier spécialisés dans le métier du digital.

Le Design et l’esthétique du site Hillstone

 

La charte graphique représente l’identité du site. Si vous ne respectez pas votre charte graphique dans l’intégralité de votre site, vous perdez en crédibilité et, surtout, vous ne renvoyez pas vos valeurs à vos visiteurs. C’est directement votre image de marque qui est impactée.

 

Pour le site de Hillstone, nous avons suivi une charte graphique très élégante et épurée. Dès l’arrivée sur la page d’accueil, le visiteur ressent qu’il va être agréable de naviguer sur ce site : pas beaucoup d’éléments, une lecture simple, des couleurs harmonieuses.

 

Page d’accueil de Hillstone :

 

 

Tout au long de sa visite, le visiteur n’est pas dérangé par un surplus d’éléments graphiques. Nous avons minutieusement respecté la charte graphique sur tout le site afin de garantir la meilleure expérience possible pour les visiteurs.

Un contenu éditorial soigné

 

Pour Hillstone les contenus ont été fournis par le client et nous nous occupons de le mettre en forme et de soigner sa présentation.

 

Hillstone est un site vitrine, il y avait du contenu, certes, mais ce qui importait réellement le client, était l’atmosphère que nous allions donner à son site et son esthétique. Cela nous a permis d’optimiser la mise en forme du contenu à travers tout le site pour nous concentrer vraiment sur la navigation et le design.

 

Nous avons travaillé la mise en forme du contenu à l’image de la charte graphique. Nous avons utilisé une police simple et élégante, avec beaucoup de blanc tournant pour aérer la lecture. N’oubliez pas, le visiteur ne lit pas vraiment votre contenu, il faut lui faciliter la navigation.

Une navigation agréable (et originale 🥰)

 

Sur un site web “classique”, la navigation est verticale. Évidemment, dans la plupart des cas, c’est la solution la plus simple et cohérente pour bien présenter l’entreprise à travers le site. Mais dans certains cas, comme Hillstone 😇, nous pouvons faire une exception.

 

Le client voulait un site qui sorte du lot : scroll horizontal, c’est parti. 

 

La navigation horizontale n’est pas facile à mettre en place. Pas d’un point de vue technique, car nous avons les meilleurs développeurs du monde 👩‍💻.

 

Mais d’un point de vue UX. Lorsqu’on arrive sur la page d’accueil d’un site, tout naturellement, nous allons scroller en s’attendant à voir l’écran défiler vers le bas. Afin de ne pas perturber le visiteur lors de son arrivée sur le site de Hillstone, nous avons placé en bas de page un indicateur du sens de scroll :

 

 

Cette barre aide le visiteur dans sa navigation. Il n’a pas l’habitude de visiter un site comme celui-là. Alors il ne faut perturber son expérience et lui faire comprendre tout de suite la facilité de navigation horizontale.

 

 

Vous aussi vous souhaitez faire développer votre site sur-mesure, mais nous ne savez pas quel budget investir ? On vous dit combien coûte un site web crée par une agence digitale.

Une récompense méritée 🏆

 

Nous remercions vivement Awwwards pour cette mention honorable qui nous ravit et qui nous pousse à toujours faire mieux.

Maintenant que vous avez vous-même vu et visiter le site de Hillstone, quelle est votre note ?

 

Pour aller plus loin, si vous avez des questions en termes de navigation web, de web design ou de développement, notre équipage est toujours présent pour vous aider. N’hésitez pas à nous envoyer un message !

 

 

WCAG : Web Content Accessibility Guidelines – Définition

Formation réseaux sociaux : créez une avalanche de leads avec vos réseaux

Formation ActiveCampaign en 1h top chrono