Conception d'un site sur l'horreur

Présentation du projet

Ce projet consiste à s'entraîner aux premières étapes de création de site web. Notre idée : faire un site de critique de médias d'horreur.
L'objectif était de réfléchir à l'identité visuelle du site, réfléchir à sa mise en forme, et de créer un wireframe et une maquette pour mettre notre idée en visuel.

Maquette site horreur

Premier écran du site pour un visiteur lambda

Attention : le site lié à ce projet n'a jamais été codé, l'exercice était de faire les étapes avant développement et de s'assurer que le développement était possible.

Les différentes étape du projet

Le site a été pensé autour d'une ambiance sombre et immersive pour rappeler le thème de l'horreur dans l'imaginaire collectif. Les différentes couleurs et les différents éléments ont été choisis pour faire référence à l'ombre ou au sang afin de créer une atmosphère cohérente avec le sujet, tout en conservant une navigation claire.

Maquette site horreur
Maquette site horreur

Le wireframe a été réalisé pour définir les emplacements des éléments du site. Nous avons pu mettre en place les blocs pour structurer le site et mettre en place les grande categorie de media pouvant prendre l'horreur comme genre : les livre, les film et les jeux vidéo.

Enfin, nous avons mis en place la charte graphique et les interactions sur le wireframe pour en faire une maquette en partie utilisable : une démo de ce que le site donnerait une fois fini. .

Maquette site horreur

Conclusion

La conception s'est concentrée sur la structure de l'interface, l'organisation des contenus et la création d'une ambiance graphique
adaptée à l'horreur. La maquette permet ainsi de visualiser le rendu général du projet avant son développement.

Ce que ce projet m'a apporté

Ce projet m'a permis de travailler davantage la conception d'interfaces et la réflexion avant de commencer le développement d'un site.
J'ai également pu expérimenter différentes possibilités de mise en page afin de construire une identité visuelle cohérente.