#WEBDESIGN : Le webdesign est une discipline très subjective. Cependant un site web bien fait est l’ambassadeur silencieux pour vos projets et apporte de la crédibilité à votre discours. Dans cet article, nous avons décidé de vous présenter 5 sites web avant-gardistes inspirants pour vos projets de création.

#1 Kolaps


Kolaps est une agence basée entre les deux villes de Barcelone et Beyrouth. Avec des domaines de compétences larges, son site vitrine, très qualitatif, permet de mettre en avant ses réalisations.

hashtag machine - site kolaps

En quoi ce site est-il avant-gardiste ?

Tout d’abord, la navigation sur le site est fluide. Le contenu est très épuré et scroller le site web est un vrai plaisir, surtout les pages où sont décrits et montrés les différents projets de l’agence. Les visuels et les typographiques sont bien choisis et esthétiques, le tout donnant un webdesign cohérent.

Le petit + qui fait plaisir :

Les indications des palettes de couleurs utilisées pour chaque projet :

 Hashtag Machine - site kolaps

#2 Canals


CANALS est un site web qui présente par le biais d’un design très moderne et audacieux des faits historiques, des réalisations artistiques, des cartes sur les canaux de la ville Amsterdam. Alimenté par un contenu de qualité issu notamment du Rijksmuseum, il s’agit d’un projet personnel mené par Marcus Brown & Aristide Benoist, 2 personnes très talentueuses dans leurs domaines de compétences (développement & design – conception).

Hashtag machine - site canals

En quoi ce site est-il avant-gardiste ?

On retrouve beaucoup d’éléments plutôt inhabituels sur ce site web. Par exemple, la navigation de gauche à droite qui a son charme (il faut quand même s’habituer au début). Citons également la qualité des visuels et des typographies qui offrent un rendu très intéressant.

Le petit + qui fait plaisir :

Le rendu des cartes qui se marie parfaitement avec les couleurs et les typographies du site :

Hashtag machine - site canals

#3 Soletanche Bachy


Soletanche Bachy est un site web développé par Immersive garden, un studio parisien plusieurs fois récompensé pour ses créations. Le site décline 4 travaux internationaux du groupe (leader mondial des fondations et des technologies du sol). L’entreprise étant à la pointe de l’innovation sur son secteur d’activité (NDLR : ingénierie géotechnique), elle s’est équipée d’un site vitrine assez innovant embarquant des technologies de 3D et de motion design présentant des infographies des bâtiments et des infrastructures construites par le groupe.

 Hashtag Machine Soletanchy

En quoi ce site est-il avant-gardiste ?

Tout d’abord, sur le plan technologique, le site est une vraie réussite : réussir à concilier temps de chargement rapides et rendu 3D relève de l’exploit (on vous déconseille quand même d’ouvrir 36 onglets). Concernant la navigation, cette dernière est plutôt fluide, et ce, en dépit de l’absence d’un menu ancré. Les animations liées au scrolling du site (changements de fond, affichage 3D blueprint…) sont aussi très bien réalisées et rendent la découverte du site très ludique.

Le petit + qui fait plaisir :

Les animations 3D des différents bâtiments et la façon dont sont agencés les paragraphes :

#4 Team Elite Kickboxing


Team Elite Kickboxing est une école de kick boxing située en Grande Bretagne sur la ville de Nottingham. Forte d’un palmarès bien garni avec des titres et des qualifications à des compétitions prestigieuses, l’académie a demandé à l’agence Framework design de Birmingham de réaliser un site web de présentation de son équipe et de sa vision du Kickboxing. Le résultat est très réussi avec par exemple des animations à l’image de la discipline, c’est à dire très dynamiques.

Hashtag Machine Team Elite Kickboxing

En quoi ce site est-il avant-gardiste ?

D’un point de vue du contenu, le site est très bien alimenté : chaque page, chaque paragraphe et même chaque phrase transpire le sport et la performance. Les visuels aussi sont très bien fait et rendent compte au premier coup d’oeil de ce positionnement. Ce site est aussi avant-gardiste car le milieu des associations et club de sport amateur n’est pas encore si bien digitalisé. Le site de la TEK (team elite kick boxing) constitue une vraie inspiration pour toutes ces structures qui tôt ou tard, chercheront à améliorer leur présence digitale.

Le petit + qui fait plaisir :

La partie palmarès des élèves qui, en plus d’être étoffée, est très bien présentée :

Hashtag Machine team elite kickboxing

#5 Save Whales


Save whales est un site web engagé dans la protection de la vie marine et plus particulièrement des espèces de baleines en présentant des statistiques, des anecdotes et des visuels de chaque espèce. Le webdesign a été réalisé par l’agence redcollar. Le site web présente de nombreuses animations qualitatives. Le fait de déplacer son curseur sur le site réserve plein de surprises, qu’il s’agisse d’un simple effet sur du texte ou d’un temps de chargement entre 2 pages (mais promis on ne divulguera pas tout).

Hashtag Machine save whales

En quoi ce site est-il avant-gardiste ?

L’interface du site est très agréable et apaisante. En effet, la dimension « océan et profondeur » est vraiment travaillée et la navigation (c’est le cas de le dire) rappelle l’internaute à chaque instant le sujet. L’ensemble est cohérent. Même lorsqu’on ne parle pas anglais, on est en mesure de comprendre le sujet et l’enjeu traité par la rédaction. En outre, l’objectif d’informer le public prend le dessus sur celui de lever des fonds. Cela constitue un élément positif pour l’internaute qui à aucun moment ne se voit ne se voit sollicité pour des donations.

Le petit + qui fait plaisir :

Les modèles 3D dynamiques de chaque espèce de baleine en début de section :

Hashtag Machine save whales

Photo by Hal Gatewood on Unsplash