De tout temps, le style rétro a toujours cherché sa place au sein du web. Ce type de webdesign est élégant, mais pas facile à concilier avec l’optimisation du référencement. Qu’à cela ne tienne, le web regorge d’exemples qui méritent quand même le coup d’œil.

aetherium-webdesign-retroLe style rétro a pour ambition de véhiculer l’image de quelque chose de vieux, d’ancien. Comme un air de la petite ferme de mamie, ou bien de l’atelier de l’artisan d’autrefois, avec une odeur de poussière, associée à une atmosphère de savoir-faire. Sauf que le web n’a rien d’antique, et si on voulait faire du rétro avec un site web – au sens littéral du terme, j’entends – gageons que l’efficacité ne serait pas forcément au rendez-vous.

C’est là qu’intervient le travail du designer UI, qui aura alors pour mission de faire s’exprimer quelque chose d’ancien au travers d’un support moderne. Ce style demande souvent beaucoup de visuels, de textures, un travail de typographie particulier, autant de choses qui ont tendance à faire perdre des points à l’optimisation du référencement. Mais ce n’est pas ce que je souhaite te faire découvrir aujourd’hui. Au contraire, on va se focaliser uniquement sur la dimension visuelle, juste pour le plaisir des yeux et l’inspiration.

Voici alors une sélection des meilleurs exemples trouvés, entre autres, ici et de webdesign au look rétro. Ces sites web parviennent alors à nous transporter dans leur univers avec brio.

aetherium-webdesign-retro-baystreetbiergarten

Oui, j’attaque à la bière. On se refait pas.

aetherium-webdesign-retro-citydog

La question est posée. L’information manque ici un peu de clarté, mais ce n’est pas ça qui nous intéresse dans le cadre de cet article.

aetherium-webdesign-retro-collettedinnigan

Sobre, esthétique, avec une navigation pour le moins originale.

aetherium-webdesign-retro-americanscraps

Comme quoi, on peut allier le rétro et les standards du web.

aetherium-webdesign-retro-dada

À mi-chemin entre rétro et style contemporain, avec un look équilibré et efficace.

aetherium-webdesign-retro-hlebdom

Chiadé, une identité sobre et forte, avec de chouettes effets d’animation.

aetherium-webdesign-retro-hovland

Simple et efficace, tout en démontrant lui qu’on peut faire du rétro sans trop alourdir un site.

aetherium-webdesign-retro-projectsunday

Petite pépite qui vaut le détour.

aetherium-webdesign-retro-tdhcreative

À ce stade, on oublie WordPress : là, c’est du développement sur-mesure. Niveau SEO, par contre, faut pas être trop regardant.

aetherium-webdesign-retro-threecents

Un WordPress qui déboîte.

aetherium-webdesign-retro-threepennyeditor

Kitsch à souhait, a quelque peu vieillit, mais la ligne de flottaison mérite le coup d’œil.

aetherium-webdesign-retro-trainrobber

Un de mes préférés dans cette sélection, car sa navigation est réellement hors du commun.

aetherium-webdesign-retro-trellisfarm

Simple, efficace, élégant.

aetherium-webdesign-retro-audiograph

Et pour finir, mon petit préféré de cette sélection : l’album Trans de Pilotpriest, à écouter et à regarder, avec cette visualisation audio qui sort totalement des sentiers battus avec son style rétro-futuriste.

Cet article vous a plu ? Partagez-le !

Sébastien DROUIN
   

Sébastien DROUIN

Consultant en communication, designer graphique, formateur, blogueur, catholique, metalleux, zèbre et électron libre. Mi-ours, mi-panda et re-mi-ours derrière.

Assurez-vous de ne plus manquer un seul article en rejoignant les 14 000 visiteurs mensuels du blog.
En m'inscrivant, j'accepte de recevoir par e-mail une newsletter contenant les derniers articles du blog et je prends connaissance de la politique de confidentialité du site.

Vous aimerez peut-être

La pollution numérique : fléau de la conception web et de nos usages numériques

PAR
LE 
11 novembre 2020

Dossier : les critères incontournables pour bien choisir son agence web

PAR
LE 
25 août 2020