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

Symbolique des formes : que signifie un logo rond ?

La forme ronde est souvent utilisée dans les logos, que ce soient des cercles, des demi-cercles, des ovales, etc. Mais quelle est la signification de cette forme ?...

Publié le par Charlotte Chollat
Graphisme

Web design : 5 façons d’utiliser les animations

À plusieurs reprises nous vous avons fournis des exemples d’animations à réutiliser pour le design de votre site web ou de votre application mobile....

Publié le par Charlotte Chollat