Introduction

Le site Planr commencera avec une bannière/parallax animée. Je me suis dit que ce serait peut-être intéressant de changer le texte en dessous du logo à chaque chargements.

Dans l'idéal, lors du premier loading de la page le logo s'animerait rapidement puis la page s'auto-scrollerait jusqu'a cette section afin d'amener sans effort l'utilisateur vers la zone de contenu.

Continuez de scroller afin de voir la présentation des cartes événements

Oystermania

  • Bar Lambda, 225 Belleville St, Victoria, BC V8V 1X1
  • 10 octobre - 23 octobre 2022
  • gastronomie
Ceci est une maquette, ces animations sont vouées à être améliorées/ altérées.
La rotation des cartes est encore buggé quand on hover les CTA par exemple.

Oystermania

  • Bar Lambda, 225 Belleville St, Victoria, BC V8V 1X1
  • 10 octobre - 23 octobre 2022
  • gastronomie
Ceci est une maquette, ces animations sont vouées à être améliorées/ altérées.
La rotation des cartes est encore buggé quand on hover les CTA par exemple.

Oystermania

  • Bar Lambda, 225 Belleville St, Victoria, BC V8V 1X1
  • 10 octobre - 23 octobre 2022
  • gastronomie
Ceci est une maquette, ces animations sont vouées à être améliorées/ altérées.
La rotation des cartes est encore buggé quand on hover les CTA par exemple.

Effet spotlights en bordure

En navigant avec le curseur dans les sections sombres, l'utilisateur fera apparaître des lueurs de par et d'autre de l'écran.

Je ne sais pas encore si je compte garder le changement dynamique de la couleur de fond, je trouve ça bizarre que les lueurs soient coupées en haut et en bas.
Mais j'ai probablement une solution à ce soucis, a voir si on garde l'idée.

thumbnail