Quatreparquatre

un site web intéractif

Photo extraite du film Orgueil et Préjugés où l'on voit M. Darcy de loin dans un champ en train de marcher

date : 2024

catégorie : UX/UI PROG

Description

Le projet Quatreparquatre est une initiative dédiée à l'exploration du cinéma d'auteur, proposant des projections mensuelles de films classiques et rares. Ce projet vise à offrir une expérience cinéphile immersive et éducative, avec des rencontres thématiques et des échanges avec des figures du cinéma. À travers des genres variés, tels que le drame et le thriller, il permet aux participants de découvrir et d'analyser des œuvres cinématographiques sous un nouvel angle.

Charte de couleurs avec quatre blocs différents : un noir, un beige, un bleu pâle et un bleu foncé.

La charte de couleur

Dans mon projet, l'utilisation des couleurs est pensée pour renforcer l’expérience cinéphile. Le bleu profond #07161D et #234457 créent une ambiance mystérieuse et immersive, symbolisant l’introspection propre au cinéma d’auteur. J’ai choisi le bleu-gris #678796 pour ajouter une touche de modernité et de sérénité, tandis que le beige clair #F3F1E2 équilibre l'ensemble, apportant clarté et lisibilité. Ces couleurs ne sont pas seulement esthétiques, elles participent à l’atmosphère du site, invitant à la réflexion et à la découverte des œuvres projetées.

Zoning

Dans la conception de Quatreparquatre, le zoning a été une étape cruciale pour assurer une navigation fluide et intuitive. Mon objectif était de guider les utilisateurs à travers une expérience immersive sans les submerger. J'ai donc structuré le site en créant des espaces bien définis : une page d’accueil pour introduire le projet, des sections dédiées aux films à l'affiche, et des zones interactives pour découvrir des réalisateurs. Chaque élément a été pensé pour favoriser une exploration aisée, tout en mettant en avant l’essentiel : la passion pour le cinéma d’auteur.

Capture d'écran du centre de la page du zoning

Capture d'écran du bas de la page du zoning

Interfaces Finale

Interface finale de la page d'index du site avec une vidéo dans le header, un carrousel avec des affiches de films, un blockquote, une zone avec les prochaines rencontres cinématographiques, une zone 'Qui sommes-nous ?'' ainsi qu'un bas de page.

Interface finale de la page des anciennes rencontres, avec plusieurs blocs les uns au-dessus des autres, chacun contenant une image d'un réalisateur, un texte le décrivant et un titre avec son nom.

Interface avec un carrousel qui présente des affiches de films, un résumé et le titre.

Interface 'À propos' avec un header qui contient un slogan et une image de femmes qui travaillent, une description, des fausses images de l'équipe, ainsi qu'une zone qui décrit les objectifs de l'entreprise, ainsi que qui ils sont.

Interface de contact avec un formulaire et une carte pour situer l'entreprise.