Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

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

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

10 mockup de magazines pour présenter efficacement vos créations

La façon dont vous dévoilez vos créations signifie beaucoup plus que simplement dévoiler votre talent brut. C’est également la manière dont vous encadrez ce talent, lui...

Publié le par Arthur
Graphisme

Web design : 4 étapes pour une charte graphique parfaite !

Avez-vous connu l’internet du début des années 2000  ? Si oui, vous vous souvenez sûrement des premiers sites personnels et blogs qui...

Publié le par Valentin Thomas