Passez en mode full screen !


Brand Content

Full screen = sites en plein écran remplissant la totalité de la fenêtre quelle qu’en soit la résolution d’écran.

Pourquoi ça marche ?

Cette nouvelle tendance envahit les sites web dont la mise en page est simple et efficace. Elle a un impact émotionnel immédiat sur les visiteurs. Grâce à l’augmentation des images de haute qualité et les écrans Retina, les sites web en full screen sont beaucoup plus populaires.

Idéal pour les sites de restaurants, d’entreprises, d’architecture, de mode, de sport et de photographie pour n’en nommer que quelques-uns.

L’avantage principal est la visibilité : dès que l’on entre dans le site, on sait dans quel univers on se trouve.

La navigation du site peut se faire en parallaxe, ou sous forme de slides. D’un point de vue ergonomique, l’internaute reste sur la même page et n’a pas besoin de cliquer ou de changer de page, donc plus de chances pour que le visiteur reste plus longtemps sur le site. La taille de l’image s’adapte à la taille de la fenêtre, et ce sur n’importe quel support, mobile, tablette, … Merci le responsive design !!

 Assez parlé, après tout, une image ne vaut-elle pas mille mots ?

 

Engage Interactive

 Passez en mode full screen !

https://engageinteractive.co.uk

Poco People

 Passez en mode full screen !

https://www.pocopeople.com.au

Certaines marques sont quant à elles déjà montées au niveau supérieur en utilisant la vidéo en arrière-plan :

Teehan+lax

 Passez en mode full screen !

https://www.teehanlax.com/story/medium

Petite tendance : les tableaux vivants

En effet, le principe du tableau vivant n’est pas récent, mais il a pris une plus grande ampleur grâce à l’apparition grandissante des sites en plein écran. Ici les acteurs sont les objets du quotidien, souvent mis en scène sur une table avec par exemple, pour un site de styliste, des ciseaux, du tissu, des épingles, comme si on était juste au-dessus de la table du créatif, en totale immersion.

L’internaute peut se projeter et ainsi entrer dans l’univers de la marque instantanément.

Squarespace

 Passez en mode full screen ! Passez en mode full screen !

https://www.squarespace.com/stories

 

 Des typographies plus créatives et plus originales

Quoi de mieux pour valoriser ces grands visuels : une belle typo ! Ce sont elles qui donnent du cachet et de la personnalité au site, tout en étant de plus en plus plus créatives et originales.

Adieu Arial et Verdana !

The Paper Mill

 Passez en mode full screen !

https://thepapermill-lasswade.com/

Diesel

 Passez en mode full screen !

https://www.diesel.com/

 

Pour la fin : des petits tutos

Flash était la principale technique avant que les designers utilisent le JQuery. En voici une petite sélection :

Codrops

 Passez en mode full screen !

https://tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip/
 Passez en mode full screen !

https://tympanus.net/Tutorials/AnimatedContentMenu/

 Passez en mode full screen !

https://buildinternet.com/2011/02/supersized-3-1-jquery-plugin-fullscreen-background-slideshow-with-flickr-support/

Bref, beaucoup de possibilités à découvrir !

Laisser un commentaire