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

5 conseils pour créer une présentation Keynote irrésistible

Ça y est, le grand moment va arriver, vous allez exposer vos idées/votre projet/vos résultats (rayez la mention inutile) lors d’un grand moment de...

Publié le par Melanie De Coster
Graphisme

5 sites pour trouver de superbes animations CSS

Vous êtes à la recherche de belles animations CSS pour apporter un peu de mouvement à un site web ? Vous tombez bien : nous avons...

Publié le par Leo Chatillon