DreamSete
Maquette de site web développée en CSS et Javascript
Réalisé en 2021
Le site DreamSete repose sur l'utilisation de techniques CSS afin de plonger l'utilisateur dans une atmosphère onirique.
Il s'agit d'un prototype technique utilisant des masques pour images et vidéos afin de mettre en valeur un texte important et de suggérer par transparence une image ou une vidéo.
Nous avons également implémenté un effet de parallax sur certains éléments de la page et la complétion d'une image SVG determinée par le scrolling au sein de la page.
Le site est volontairement simpliste, épuré et léger afin de faciliter son hébergement et son chargement. Il s'agit avant tout d'une expérience technique.
Le site à été réalisé en Html, Css et Javascript.
Un texte écrit par masquage d'une photographie
Un dessin SVG qui se complète lors du défilement de la page
L'affichage de l'image SVG est determiné par le scrolling de l'utilisateur.
De plus les élements de la page défilent en parallax en arrière plan.
Un texte écrit par masquage d'une vidéo
Une vidéo s'exécute automatiquement en arrière plan du texte.