Episode.paris

Animation
Développement
Offre sur-mesure
Wordpress

Agence Brand & Storytelling, pour les entreprises et projet à impact positif

Bienvenue sur épisode.Paris

Episode.Paris le site web dynamique et créatif conçu pour Richard Saint-Etienne.

Notre équipe de développeurs a mis en œuvre un site sous WordPress qui offre un contenu éditable. Basé sur une superbe maquette réalisée par Aldric Foucault, offrant un design moderne et attrayant, le site a été conçu avec soin pour respecter les maquettes à la perfection.

Un onePage remplis d'animations

Notre but principal était de fournir une expérience immersive à l’utilisateur en créant un site web à page unique (onepage). Pour y parvenir, nous avons cherché à captiver l’attention de l’internaute en utilisant des animations dans chaque section, afin d’ajouter une dimension dynamique et interactive à l’expérience utilisateur.

Nous avons également veillé à optimiser le code pour assurer une performance optimale du site, de sorte que la navigation sur le site soit engageante et mémorable.

Le logo d'episode.paris était trop beau pour ne pas être animé avec style et fluidité !

Premier défis

Dans ma démarche créative, j’ai décidé de lui donner vie en deux temps : d’abord, son apparition, puis son ancrage. 🎞

👉 Pour l’apparition, nous avons choisi de dessiner le contour pour lui donner du corps et le mettre en lumière.

👉 Pour son ancrage, j’ai utilisé un effet qui lui donne du volume et de la 3D.

👉 Ensuite, il a fallu lier ces deux animations. Pour faire référence au monde du cinéma, j’ai représenté un clap, permettant de créer une suite logique et chronologique à l’animation globale du logo. 🎬

Voir cette publication sur Instagram

Une publication partagée par Kickly Studio (@kickly.studioweb)

Un petit retour sur toutes les animations

Section d’accueil
Une animation où le logo central apparaît avec un effet de zoom, pour attirer l’attention de l’utilisateur dès le début.
Section Vision
Une animation de défilement horizontal du texte principal avec l’apparition en décalé des stickers. Cette section utilise également un effet bump assez simple mais efficace pour ajouter de la dynamique.
Section Expertise
Et oui, les néons en arrière-plan utilisent un effet de parallaxe pour donner une impression de profondeur, tandis que les blocs de contenu apparaissent rapidement pour maintenir l’attention de l’utilisateur.
Section Culture et People
Avez vous remarqué ? Les yeux suivent la souris pour ajouter un élément interactif et amusant, tandis que la phrase s’assombrit progressivement pour attirer l’attention sur le contenu. Les pilules tombent avec un effet de gravité, ajoutant un élément ludique à la section.
Section Clients
Le mot « Clients » est dessiné en fond comme ci on l’écrivait. les logos défilent pour mettre en avant les marques partenaires.
Section Creative Stories
Le titre s’affiche avec une animation reprenant les mouvements de tous les titres de la page.
Le Footer
Une animation où une main suit et bouge en fonction de la position de la souris est ajoutée pour ajouter un élément interactif et ludique.