Mélina LEGLAND et Lina DUMALIN | Promotion 2025-2026
Le projet présenté consiste en la conception d’un site internet entièrement dédié à l’univers du réalisateur Tim Burton, figure emblématique du cinéma fantastique et gothique. Passionnées par son travail et son esthétique visuelle singulière, les créatrices du projet ont choisi de développer une plateforme immersive mettant en avant son parcours, ses œuvres ainsi que les caractéristiques artistiques qui définissent son univers cinématographique.
L’objectif principal de ce projet était de concevoir un portail web capable de retranscrire l’identité visuelle propre à Tim Burton tout en proposant une navigation claire et accessible aux visiteurs. L’ensemble du site a donc été pensé autour d’une ambiance sombre, mystérieuse et inspirée des codes esthétiques du réalisateur.
Afin de respecter cet univers graphique, une palette de couleurs froides dominée par des tons noirs, bleus, verts et violets a été utilisée. Une attention particulière a également été portée au choix typographique avec l’utilisation d’une police rappelant l’univers gothique et fantastique de Tim Burton pour les grands titres, tout en conservant une écriture plus sobre afin de garantir une bonne lisibilité des contenus.
Le portail propose plusieurs rubriques permettant aux utilisateurs de découvrir les différentes facettes du réalisateur : sa biographie, sa filmographie, son univers artistique, les coulisses de production ainsi que des expositions consacrées à son travail. L’objectif était de créer une plateforme à la fois informative, immersive et cohérente avec l’identité artistique du sujet traité.
Le site a été structuré autour d’un menu de navigation composé de plusieurs catégories principales : « Biographie », « Filmographie », « Behind the Scene », « Univers et Style » ainsi que « Expositions ».
Certaines rubriques ont été subdivisées afin de faciliter l’organisation des contenus. Par exemple, la section « Filmographie » distingue les films en prises de vue réelles, les courts-métrages et les films d’animation. Cette organisation permet de rendre les informations plus accessibles tout en facilitant la navigation des utilisateurs.
La page d’accueil adopte volontairement une structure sobre et équilibrée avec une mise en page en deux colonnes. Une première section permet de présenter le projet ainsi que ses créatrices, tandis qu’une seconde rassemble différents liens utiles comme les réseaux sociaux ou les informations liées au réalisateur.
L’ensemble du portail a été pensé pour offrir une expérience immersive tout en conservant une organisation claire des contenus.
Le premier élément clé du site concerne la timeline présente dans la rubrique « Filmographie ».
Cette fonctionnalité permet aux utilisateurs de visualiser chronologiquement les différents films réalisés par Tim Burton afin de mieux comprendre l’évolution de sa carrière et de son univers artistique au fil des années.
Chaque œuvre intégrée à cette timeline est cliquable et redirige directement vers une page dédiée contenant des informations complémentaires sur le film sélectionné. Cette organisation facilite l’exploration de la filmographie tout en rendant la navigation plus dynamique et intuitive.
Au départ, la mise en place d’une timeline horizontale avait été envisagée afin de renforcer l’aspect cinématographique de la présentation. Cependant, les limitations techniques du plugin Spectra ont conduit au choix d’une timeline verticale. Finalement, cette solution s’est révélée plus adaptée au projet puisqu’elle offre une meilleure lisibilité et davantage de flexibilité pour l’ajout futur de nouveaux contenus.
Cette section joue donc un rôle important dans la structuration des informations et dans la valorisation du parcours cinématographique du réalisateur.
Le deuxième élément clé du site repose sur la galerie d’images intégrée à la page « Behind the Scene ».
Cette rubrique a été conçue afin de mettre en avant les coulisses des productions de Tim Burton ainsi que les différentes étapes de création de ses films, notamment les techniques liées à la stop motion et aux effets visuels.
Dans un premier temps, l’utilisation d’un carrousel d’images avait été envisagée. Cependant, après plusieurs tests réalisés avec les fonctionnalités proposées par Spectra, le choix s’est finalement porté sur une galerie d’images classique, jugée plus adaptée à l’organisation des contenus et à l’esthétique générale du site.
Cette galerie permet aux utilisateurs de parcourir différents visuels liés aux décors, aux personnages, aux marionnettes ainsi qu’aux différentes phases de tournage. Elle contribue à renforcer l’aspect immersif du portail tout en valorisant le travail artistique et technique présent derrière chaque production.
L’objectif de cette section est également pédagogique puisqu’elle permet de mieux comprendre les méthodes de création propres à l’univers de Tim Burton.
Le troisième élément clé du projet concerne le travail réalisé autour de l’identité graphique et de l’ambiance visuelle du site.
L’ensemble des choix esthétiques a été pensé afin de retranscrire les codes visuels emblématiques de l’univers de Tim Burton : univers sombre, atmosphère gothique, contrastes marqués et esthétique fantastique.
Le design du portail repose sur des couleurs froides et sombres, associées à des visuels immersifs inspirés de ses films. La typographie utilisée pour les grands titres rappelle également les univers fantastiques et mystérieux présents dans ses œuvres.
Cette cohérence graphique permet de plonger immédiatement l’utilisateur dans l’univers du réalisateur dès son arrivée sur le site. Elle contribue également à renforcer l’identité du projet et à proposer une expérience utilisateur plus immersive et engageante.
La création du site consacré à « Tim Burton » a permis de développer un portail immersif capable de retranscrire visuellement et artistiquement l’univers d’un réalisateur emblématique du cinéma fantastique.
Ce projet a également permis d’aborder plusieurs dimensions importantes de la conception web, notamment l’organisation des contenus, l’expérience utilisateur, le design graphique ainsi que l’intégration de contenus dynamiques sous WordPress.
Par ailleurs, ce travail a favorisé une réflexion approfondie autour de la cohérence visuelle et de l’importance de l’identité graphique dans la création d’un site thématique. Enfin, il a permis de mieux comprendre les contraintes techniques liées au développement web tout en renforçant la créativité et la capacité d’adaptation.