17 exemples de Sites web basés sur une Timeline pour la navigation

Un excellent moyen de faire une vitrine pour votre site web ou pour retracer un historique est de faire naviguer vos utilisateurs sur une timeline ! Voici donc 15 exemples de sites offrant une expérience fluide et efficace basée sur une timeline.

C’est ainsi l’occasion de vous inspirer voire même de trouver votre bonheur parmi les templates à télécharger contre quelques euros seulement qui sont à la fin de l’article. L’expérience utilisateur fournit par une timeline permet de comprendre la continuité de ce qui est présenté, comme par exemple pour des dates, sans avoir de rechargement de pages et en gardant un fil directeur clair.

On peut noter que la majorité des sites utilisent une timeline pour retracer une histoire, une biographie, quelque chose lié à des événements se suivant dans le temps. Comme vous le verrez dans certains sites de la liste, c’est également un bon choix pour montrer de nombreuses informations complexes sans pour autant qu’on s’y perde.

La prochaine fois que vous serez face à ce cas de figure dans vos projets, pensez donc aux timeline pour une UX plus réussie !

 

Canal Plus

Un excellent design de timeline pour des faits sportifs marquants de 2007 à 2014, une lecture d’autant plus agréable que l’on a une petite musique de fond pour se laisser emporter.

 exemples de sites web basés sur une timeline

 

Anne Frank Timeline

Un centenaire de mémoire peut paraître ennuyeux mais rassurez vous, avec des petites animations là où il faut et et un bon scrolling, vous ne vous perdrez pas ni vous ni votre intérêt.

 exemples de sites web basés sur une timeline

 

Formula 1 History

Retracez tout l’histoire de la F1 avec cette timeline qui fait une très bonne vitrine ! Des tas de choses à apprendre par ici, et pas qu’en voiture de courses !

 exemples de sites web basés sur une timeline

 

Clément Zezuka

Un bel exemple de scrolling efficace, à ne pas manquer !

 exemples de sites web basés sur une timeline

Bond Cars

Un rôle pratiquement aussi iconique que celui du protagoniste, les voitures de James Bond. Et voici une superbe timeline pour voir leur évolution, de quoi en inspirer plus d’un !

 exemples de sites web basés sur une timeline

 

Evolution of Western Dance Music

Ah ! Je sais ce que vous vous dites ! Et non, ce n’est pas une horreur pour s’y retrouver, utilisez la petite barre de défilement en bas ! Un bel exemple d’illustration d’évolution réussi avec autant de paramètres !

 exemples de sites web basés sur une timeline

 

Evolution du Web

Un autre exemple qui va vous paraître complexe à première vue mais les interactions, les animations et la lisibilité rendent le tout cohérent et réussi (et disponible en français en plus !) A ne pas manquer !

 exemples de sites web basés sur une timeline

 

Lois Jean

Un bon scrolling ou une bonne vue d’ensemble ? Pourquoi pas les deux, ils vous suffit de cliquer sur les dates à gauche pour vous y retrouver instantanément !

 exemples de sites web basés sur une timeline

 

L’histoire de Sir John A.

De belles illustrations, des interactions et animations juste comme il faut, assurément une lecture plaisante !

 exemples de sites web basés sur une timeline

 

Gramercy Park Hotel

Un très bon design pour un hôtel qui a clairement l’air de le mériter !

 exemples de sites web basés sur une timeline

 

Et maintenant voici quelques templates payants mais puissants qui vous permettront de mettre en place une timeline rapidement sans vous épuiser :

 

Time Travel : Timeline WordPress Theme

Un template de timeline avec de la 3D qui vous guidera aisément !

 exemples de sites web basés sur une timeline

 

Share It – Timeline WordPress Theme

Share it est un design de timeline efficace pour tout site personnel , avec des tonnes d’effet, de thèmes, d’option, d’effet de scrolling, et j’en passe !

 exemples de sites web basés sur une timeline

 

Timeliner : Responsive Timeline Blogging WP Theme

Un autre template WordPress premium pour blog personnel, un style léché et pro !

 exemples de sites web basés sur une timeline

 

Minimal Responsive WordPress Theme

Un thème minimaliste pour WordPress toujours, un résultat très pro en un rien de temps pour votre site !

 exemples de sites web basés sur une timeline

 

The Curator : Premier WP Timeline Theme

Vous êtes du genre plutôt artiste, ou alors vous avez besoin d’un style élégant, ce template devrait vous plaire !

 exemples de sites web basés sur une timeline

 

LineTime : Modern Timeline WordPress Blog Theme

La personnalisation à son maximum avec plein de shortcodes, un template excellent pour une timeline !

 exemples de sites web basés sur une timeline

 

Timeline : Timeline WordPress theme

Au moins avec le nom de ce template, impossible d’avoir le doute sur ce qu’il fait ! Fournis des tas de personnalisations bien sûr !

 exemples de sites web basés sur une timeline

 

Et pour retrouver une liste encore plus complète avec 20 de ces sites web (et non 17), je vous invite à lire l’article source sur Webdesigndev.

 

Si cet article vous a plu, n’en manquez aucun ! Abonnez-vous à la newsletter mensuelle et recevez en plus des ressources et tutoriels :

Pas de vilain spam, c’est promis ! (Pensez à checker votre dossier Spam si vous ne recevez rien.)

Auteur: Gaétan Weltzer, comme toujours en fait.

Articles qui pourraient vous plaire

Laisser un commentaire

L’âme d’un artiste ? Inscris-toi sur DigitalPainting.school

Fermer