Look Back

Réalisation d'un site web fan dédié au manga et au film "Look Back" de Tatsuki Fujimoto. L'objectif principal était de créer une interface immersive, fidèle à l'identité visuelle forte de l'œuvre, tout en assurant une navigation fluide et responsive pour plonger l'utilisateur dans l'univers de l'artiste.

Rôle : Web Designer
Contexte : Projet universitaire - BUT MMI 1ère année
Durée : 10 semaines (janvier - avril 2025)
Format : Solo
CMS Figma Photoshop
Aperçu du site Look Back

Analyse des besoins et planche tendance du site

Avant de commencer la conception, j'ai réalisé une analyse approfondie de l'univers graphique de "Look Back". J'ai rassemblé des éléments visuels clés (couleurs, typographies, style de dessin) pour créer une planche tendance (Moodboard) qui a servi de guide tout au long du projet.

Création des wireframes et des maquettes

J'ai ensuite structuré le site à l'aide de wireframes basse fidélité pour valider l'agencement des éléments. Une fois la structure validée, j'ai produit des maquettes haute fidélité intégrant les visuels finaux, en mettant l'accent sur la mise en page des planches de manga et la présentation des personnages.

Création du GIF

Pour dynamiser l'interface et apporter une touche d'animation fidèle au style manga, j'ai conçu un GIF animé. Cet élément permet d'attirer l'attention de l'utilisateur sur des points clés et d'enrichir l'expérience visuelle sans alourdir le chargement de la page.

Animation GIF
Éléments animés pour le dynamisme

Intégration des éléments sur Jimdo

La phase finale a consisté à intégrer l'ensemble du design sur le CMS Jimdo. J'ai adapté les maquettes aux contraintes techniques de la plateforme tout en veillant à conserver l'identité visuelle définie. Le site est responsive et optimisé pour une lecture fluide sur tous les supports.

Outils utilisés

Figma Photoshop Jimdo (CMS)