Galerie ABCD

Projet Académique et Professionnel

Développement Web

2023

Acceder à la réalisation
Image de Galerie ABCD

Description du projet :

Dans le cadre de mon stage de première année en 2023, j’ai eu l’opportunité de travailler sur un projet enrichissant : la conception et le développement d’un site web pour une galerie d’art située à Avignon. L’objectif de ce site était de proposer une plateforme en ligne complète permettant aux visiteurs de découvrir les artistes, leurs œuvres et les expositions en cours et à venir.

Analyse et conception : de l'idée au produit final :

Dès le début du projet, une analyse approfondie des besoins a été réalisée afin de définir les fonctionnalités essentielles du site. Pour cela, j’ai pris en compte les attentes des utilisateurs potentiels, qu’il s’agisse des amateurs d’art souhaitant explorer les œuvres ou des gestionnaires de la galerie nécessitant un outil efficace pour administrer le contenu.

J’ai donc conçu en collaboration avec un autre stagiaire une interface intuitive et ergonomique, en m’appuyant sur des guides de bonnes pratiques en matière d’UX/UI design. L’expérience utilisateur a été pensée de manière à assurer une navigation fluide et logique, avec une hiérarchisation efficace des informations.

Développement front-end et optimisation des médias :

L’un des aspects les plus importants du projet était la création d’un site web responsive, s’adaptant aux différents écrans (ordinateurs, tablettes, smartphones). Pour cela, j’ai utilisé HTML5, CSS3 et JavaScript, en veillant à respecter un balisage sémantique clair afin d’optimiser le référencement et l’accessibilité du site.

J’ai également travaillé sur l’optimisation des médias en sélectionnant et compressant les images des œuvres afin de garantir un chargement rapide sans perte de qualité. Un système de gestion des images a été intégré pour permettre aux administrateurs du site de téléverser et recadrer facilement leurs visuels, tout en conservant une harmonie graphique.

Back-office et gestion des contenus dynamiques :

Au-delà de la partie visible du site, j’ai développé un back-office sur mesure permettant à l’équipe de la galerie de gérer en toute autonomie les artistes, les œuvres et les expositions. Cette interface d’administration offre des fonctionnalités telles que l’ajout, la modification et la suppression des contenus, avec une prise en charge des métadonnées pour améliorer le référencement des pages.

Pour la conception de cette partie dynamique, j’ai modélisé la base de données de manière structurée afin d’assurer une gestion efficace des relations entre les artistes et leurs œuvres. La structure a été pensée pour évoluer, permettant l’ajout de nouvelles fonctionnalités si nécessaire.

Collaboration et méthodologie de travail

Ce projet a été mené en équipe, en collaboration avec un autre stagiaire graphiste. Cette expérience m’a permis de travailler en synergie avec d’autres corps de métier, en coordonant le développement avec les besoins en design et en communication visuelle.

L’un des défis majeurs a été d’assurer une cohérence visuelle et fonctionnelle entre les différentes pages du site tout en respectant l’identité graphique définie par le graphiste. Cela m’a conduit à affiner mes compétences en intégration web, en veillant à une parfaite fidélité entre les maquettes et le produit final.

Apports et apprentissages :

Cette réalisation représente une expérience clé dans mon parcours, puisqu’elle m’a permis d’appliquer mes compétences en développement web tout en découvrant les enjeux concrets liés à la création d’un produit numérique destiné à des utilisateurs réels.

Languages utilisés

PHP

CSS

JavaScript

Types

Site Web