CinéVerse

Une refonte visuelle qui a forgé une relation de confiance
CinéVerse, une équipe de critiques cinématographiques bénévoles ont fait appel à moi pour redesigner leur site internet en 2019. Leur identité visuelle simple, mais intéressante autour de l'univers, a conduit à une réalisation réussie, qui a installé une relation de confiance qui dure toujours.

Catégorie

Refonte visuelle

Métier

Critiques de cinéma

Réalisation

3ᵉ trimestre 2019

Durée

3 semaines
Cineverse voulait se détacher de l’apparence générique de son site WordPress pour refléter une identité numérique forte. Inspiré de leur idéologie, "Le cinéma est plus vaste que l’espace", j’ai créé un design sur mesure mettant en avant l’immensité et la magie du cinéma.

La mise en avant de l'immensité du cinéma

Le site arbore désormais un fond étoilé immersif sur toutes les pages de critiques, plongeant les visiteurs dans un univers galactique. Les éléments visuels, du choix des couleurs aux typographies, évoquent subtilement l’espace tout en restant centrés sur le cinéma. Ce changement radical d’identité visuelle a été possible grâce à un thème personnalisé, conçu pour refléter les aspirations uniques de Cineverse et offrir une navigation esthétique et engageante.
Pour répondre aux besoins spécifiques de Cineverse, plusieurs fonctionnalités personnalisées ont été intégrées au site WordPress.
  • Un système de notation des films, permettant aux visiteurs de noter et d’interagir avec les critiques.
  • Une présentation dynamique des auteurs, offrant une expérience plus humaine et immersive, tout en mettant en avant les passionnés derrière les critiques.
En parallèle, j’ai mis en place une stack Docker pour simplifier les développements futurs. Cette infrastructure garantit une gestion plus fluide et efficace du site, tout en facilitant l’ajout de nouvelles fonctionnalités au fil du temps.
Pour optimiser le développement et pallier aux contraintes techniques inhérentes à WordPress, j'ai mis en place une stack Docker complète. Cette infrastructure de développement garantit un environnement reproductible et isolé, facilitant les tests et le déploiement.

Stack Docker pour le développement

L'environnement de développement inclut des conteneurs pour MySQL, PHP, Apache et les outils de build. Cette approche permet une installation rapide sur tout nouveau poste de développement et évite les conflits de versions. La stack est configurée pour le hot-reload, accélérant significativement le cycle de développement.

Logo animé comme loader créatif

Face aux performances limitées de WordPress avec de nombreux iframes, j'ai créé un logo animé personnalisé pour CinéVerse. Cette animation GIF présente le nom "CinéVerse" qui apparaît et disparaît de manière fluide, transformant le temps de chargement en expérience visuelle engageante plutôt qu'en frustration utilisateur.

Refonte vers une application Cadarsir

Reconnaissant les limitations de WordPress pour ce type de projet, j'ai déjà entamé une refonte complète utilisant notre framework Cadarsir. Cette migration permettra de résoudre définitivement les problèmes de performance tout en conservant l'identité visuelle et les fonctionnalités appréciées par la communauté CinéVerse.

Les points clés

3x plus de visiteurs

Le nouveau design du site internet a augmenté l'engagement des visiteurs qui reviennent fréquemment pour lire les nouvelles critiques. 

~1000 articles

Articles de critiques cinématographiques gérés par la nouvelle architecture

2 semaines

Développement du thème WordPress custom avec stack Docker

Taxonomie optimisée

Amélioration de la recherche grâce à la refonte de la taxonomisation