Flow Media • Agence web fictive
Date de fin : Mai 2025
À propos du projet
Ce projet consiste en la création du site internet de Flow Media, une agence fictive de communication basée à Paris. Le développement a nécessité l'intégration de maquettes Figma, la conception d'une base de données MySQL et la mise en œuvre d'un back-office sécurisé pour la gestion des contenus. Ce projet m'a permis de suivre un cycle complet de production web, du recueil du besoin jusqu’au déploiement final.
Contexte
Ce projet a été réalisé dans le cadre d'un exercice universitaire visant à simuler une prestation pour une agence réelle. J'ai été impliqué dans toutes les étapes principales du développement web : analyse et interprétation du brief client, intégration fidèle de maquettes Figma, choix et mise en place de la stack technique (PHP, MySQL, JavaScript), modélisation de la base de données, puis développement front-end comme back-end, incluant la sécurité du back-office pour la gestion des contenus éditoriaux. Le projet a nécessité un échange itératif avec l'encadrement pour valider chaque phase, depuis la rédaction du cahier des charges jusqu'au recettage et à la mise en ligne. Ce contexte m'a permis d’acquérir une expérience concrète des exigences du développement web professionnel, du respect des délais à la qualité du livrable.
Stack Technique
Mes tâches
- Analyse du besoin client et rédaction du cahier des charges
- Intégration des maquettes Figma en HTML, CSS et JavaScript
- Conception et modélisation de la base de données MySQL
- Développement from scratch du site vitrine en PHP côté front et back-end
- Mise en œuvre d'un système de gestion de contenus via un back-office sécurisé (authentification, droits d’accès)
- Intégration et contrôle des contenus dynamiques (projets, réalisations, équipe…) par le back-office
- Mise en place d’un système d’administration simple pour modifications récurrentes
- Déploiement du site sur un serveur Apache universitaire, gestion des DNS et du HTTPS
Résultats obtenus
- Site web complet en ligne représentant fidèlement une agence professionnelle
- Back-office fonctionnel permettant la gestion autonome des contenus par l’agence
- Respect des contraintes graphiques et d’accessibilité issues des maquettes Figma
- Livraison dans les délais malgré les itérations et retours de l'encadrement
- Mise en production sans incidents (installation, configuration, sécurité de base assurée)
- Amélioration progressive de l’ergonomie sur la base des retours utilisateurs
- Documentation synthétique remis au client et à l’équipe pédagogique
Apprentissages
- Approfondissement de l’intégration web à partir de maquettes Figma
- Renforcement des compétences en PHP procédural et bases du MVC
- Pratique concrète de la modélisation et de l’administration d’une BDD MySQL
- Expérience en conception de back-office et gestion de l’authentification
- Gestion globale d’un projet web : du recueil du besoin au déploiement
- Découverte des enjeux de sécurité basiques pour la gestion de contenus
Gallerie d'images
Autres projets
Framix • Landing page
Teamify est une plateforme collaborative permettant de créer, d'organiser et de gérer des événements en un seul endroit. Conçue pour les équipes et les particuliers, elle simplifie la planification grâce à des outils intuitifs de gestion des participants, de coordination en temps réel et de notifications personnalisées. Dotée d'une interface responsive et accessible, Teamify facilite la collaboration pour tous types d'événements, qu'ils soient professionnels ou personnels.
Lookaroun • Application de networking
Lookaroun est une application de networking événementielle, créé par Ioana Marcoux, pour permettre aux utilisateurs de créer, de gérer et de participer des événements dans le but de créer des relations professionnelles.