Portfolio_ugo_lippi
Files Settings
Vis'Sport

Projet lors d'une mise en situation professionnel lors de mon BUT MMI 1

Mars 2025

Vis’Sport est un site web fictif conçu pour présenter un festival sportif et culturel prévu du 19 au 21 septembre 2025. Ce projet a été réalisé dans le cadre d’une mise en situation professionnelle lors de ma première année de BUT MMI. Mon rôle était de développer le site à partir d’une maquette existante afin de rendre accessibles toutes les informations du festival : programme, invités, infos pratiques, et boutique (présentée mais non fonctionnelle, conformément aux consignes).

La maquette avait été réalisée lors d’une précédente mise en situation. Mon rôle pour ce projet était donc de transformer cette maquette en site fonctionnel. J’ai d’abord analysé la structure prévue : menus (Le festival, Programme des activités, Programme des films, Invités, Infos Pratiques, Contact), sections de la page d’accueil, partenaires et la boutique. Cette analyse m’a permis de planifier les composants techniques nécessaires pour le développement.

Le site a été développé avec Astro, ce qui m’a permis de créer des pages rapides et performantes. J’ai utilisé TailwindCSS pour réaliser un design moderne et responsive, adapté à tous les types d’écrans, et JavaScript pour gérer les interactions dynamiques comme l’ouverture des menus ou les animations des sections.

Pour stocker et gérer les données dynamiques du site, telles que les programmes, les invités et les informations pratiques, j’ai intégré une base de données Pocketbase. Cela permet de rendre le site modulable et facile à mettre à jour.

J’ai mis en place toutes les fonctionnalités principales : affichage du programme des activités et des films, page dédiée aux invités, section d’informations pratiques, page de contact et gestion des partenaires. La boutique est également intégrée à titre visuel, mais elle reste non fonctionnelle, conformément aux consignes du projet.

Le site fictif Vis’Sport est désormais accessible à l’adresse : https://r211.ugo-lippi.fr/

--- ---