top of page

Copié

5 sites qui utilisent le Parallax Scrolling à merveille


Certaines notions sont plus simples à exprimer à l’aide d’images qu’avec des mots. C’est peut-être le cas du Parallax Scrolling. Il est vrai que nous avons déjà consacré un article au sujet. Pour rappel, l’effet parallaxe est une technique de design qui consiste à ralentir le rythme de certains visuels sur un site afin de lui octroyer un effet de profondeur. En effet, si une image défile moins vite que le reste de la mise en page, les éléments au premier plan auront un effet proche de la 3D.


Toujours pas clair ? Pas d’inquiétude ! Pour illustrer visuellement nos propos, nous vous présentons 5 sites Wix francophones qui font une utilisation très réussie de cette pratique redoutable :



Ce site est un chef d’œuvre de web design. La palette de couleurs communique parfaitement l’énergie requise pour les aventures au grand air. Le subtil mélange de polices scribe, sans serif et de typographies sur-mesure véhicule à la fois la convivialité et la modernité. Quant à la mise en page et aux images, elles sont simplement irréprochables.


Pourquoi on aime tant l’effet parallaxe ? Pour la transition naturelle entre les visuels qui nous donne le sentiment d’être accompagné par le skieur tout au long du site. Rafraîchissant !



ma trace


Comme le dit leur devise : « Tout petit et si authentique, forcément ça interpelle. ». Il est effectivement difficile de ne pas tomber sous le charme du site de ce studio de design. Au niveau rédactionnel, les textes, pleins d’humour, titillent immanquablement la curiosité des visiteurs. D’un point de vue graphique, le thème du bio et de la nature, poétique à souhait, confère à cette jolie création une ambiance à la fois moderne et très axée sur l’esthétique.


Pourquoi on aime tant l’effet parallaxe ? Pour la superposition d’images floues sur un fond net qui crée une impression de relief assez réaliste. Chapeau Pesto !



Pesto Studio

Harmonie Intemporelle


Pour créer un site de décoration florale, mieux vaut faire preuve de bon goût. Harmonie Intemporelle répond à ce critère avec brio. En conjuguant les meilleures tendances du web design (long scrolling, parallax, split screen, card design) au sein d’une seule page, la créatrice nous prouve qu’elle maîtrise parfaitement les outils les plus en vogue du moment. Après tout, si elle sait si bien habiller son site, peu de doutes subsistent quant à ses talents de décoratrice.


Pourquoi on aime tant l’effet parallaxe ? Parce qu’il se concentre sur les images des créations et les met en valeur avec beaucoup de charme. On notera la seconde image, partiellement floutée, qui améliore l’impact du texte qui l’ornemente. Notre avis : ça sent bon pour la déco florale d’Harmonie Intemporelle.



Harmonie Intemporelle


3D Vision


Faisons honneur à nos amis suisses avant de conclure ce billet. Cette entreprise visionnaire propose une technologie de photographie 360° pour smartphones. Mais le site est tout aussi innovant. Le menu très discret recèle en réalité une variété de pages plus stupéfiantes les unes que les autres (dont un blog très bien fait). Nous vous invitons chaleureusement à faire un tour en immersion dans ce bijou de design.

Pourquoi on aime tant l’effet parallaxe ? Pour le filtre superposé à l’image qui lui imprime un cachet élégant – et permet d’attirer l’attention sur le texte.



3D Vision

ENDC


Ce site dédié à la danse contemporaine est réglé comme du papier à musique. Le rythme des animations, l’esthétique minimaliste du noir et blanc, l’élégance de la vidéo et l’originalité du menu intégré au pied de page font de ce design un exemple de balance entre dynamisme et simplicité. On notera au passage la section inférieure du site, riche en informations et fonctionnalités. Comme quoi, simple et sophistiqué ne sont pas nécessairement des antonymes.


Pourquoi on aime tant l’effet parallaxe ? Pour le mélange d’images et de vidéos qui génère une certaine fluidité. Et pour le visuel, intercalé de bandes, qui se dévoile à mesure du scrolling.



ENDC


Cet article a-t-il été utile ?

bottom of page