Web design : 10 superbes timelines pour votre inspiration

Si vous vous demandez comment ajouter de l’interactivité à votre site Internet, j’ai peut-être la réponse. Avez-vous pensé à...

Publié par Charlotte Chollat

Si vous vous demandez comment ajouter de l’interactivité à votre site Internet, j’ai peut-être la réponse. Avez-vous pensé à la timeline ?

Quel que soit votre domaine d’activité, vous trouverez certainement une raison d’utiliser une frise chronologique : pour rappeler l’historique de votre société, pour mettre en page votre CV interactif sur votre portfolio, pour classer et mettre en évidence des archives, etc.

Afin de rendre ces informations attractives, et pourquoi pas interactives, vous pouvez faire preuve d’originalité. Voyez plutôt notre sélection de timelines et laissez vous inspirer.

Squarespace 

Une timeline c’est bien. Mais pourquoi pas deux ?

Vous pourrez mieux séquencer vos informations et laisser une plus grande liberté de navigation à votre visiteur.

Double timeline

 

Gas Technology

Une timeline avec un défilement vertical c’est plutôt basique, je vous l’accorde. Mais encore faut-il la rendre captivante !

Des textes courts et des images pour illustrer vos propos constituent la base d’une frise chronologique réussie.

Timeline gas technology

 

Design for life

Pour ajouter de l’interactivité à votre timeline et illustrer votre texte, vous pouvez proposer de courtes animations.

Laissez également le choix à votre visiteur de naviguer de différentes manières : avec la ligne de temps ou avec des flèches par exemple.

Timeline animation

 

Evert 45

Les éléments composants votre timeline peuvent être divers : photos, vidéos, posts des réseaux sociaux… Cette variété de contenus rendra votre historique captivant.

Mais vous pouvez aussi apporter votre touche d’originalité sur votre ligne de temps, à droite de l’écran par exemple.

Infinite scroll timeline

 

Future Library

Une timeline qui défile à la verticale ou à l’horizontale, c’est du déjà vu. Alors essayez un scroll en profondeur. Cela surprendra vos visiteurs et vous les plongerez dans une expérience temporelle qu’ils ne seront pas prêts d’oublier.

Timeline profondeur

Portion.io

Sur Graphiste.com on vous a déjà souvent parlé d’infographies. Idéales pour votre communication, vous pouvez les décliner dans votre timeline. Vos visiteurs tomberont sous le charme de vos illustrations.

Timeline infographie

Beoplay

Qui a dit que la timeline servait exclusivement à présenter des informations dans l’ordre chronologique ?

Cassez les codes et transformez votre timeline en menu principal de votre site.

Timeline menu

Cinquante.be

Voici un autre exemple de timeline en profondeur où la ligne du temps zigzag à travers votre écran.

Timeline films

Mi Banxico

La timeline peut aussi être utilisée à des fins éducatives. Avec quelques illustrations et animations, la leçon sera plus facilement retenue.

Timeline illustrations

Mt. Cuba Center

Optez pour la simplicité. En affichant simplement la date, l’information garde sa place centrale.

Timeline date

Lire la suite de l'article
Afficher les commentaires (0)

Commentaires

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

Inspiration : 10 sites one-page tendances

Vous le pensiez passé de mode ? Et bien non, le site one-page reste bel et bien tendance pour 2018. Mais alors, comment retenir l’attention de vos internautes et...

Publié le par Charlotte Chollat
Graphisme

Comment flouter une partie d’une image avec Photoshop ?

Vous souhaitez flouter une partie d’une image à l’aide de Photoshop mais vous ne savez pas par où commencer ? Dans ce tutoriel, nous vous...

Publié le par Leo Chatillon