Flow Media
Agence web fictive
Contexte
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.
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.
Missions
Le projet a commencé par une analyse rigoureuse du cahier des charges pour traduire les besoins créatifs en contraintes techniques. J'ai ensuite intégré les maquettes Figma avec une attention particulière portée au respect des espacements et de la typographie, tout en concevant une structure de base de données MySQL optimisée pour la gestion des contenus dynamiques.
Le cœur technique a consisté à développer 'from scratch' un back-office sécurisé en PHP. J'ai implémenté un système d'authentification et de gestion des droits d'accès pour permettre à l'agence de piloter ses projets et son équipe en toute autonomie, garantissant ainsi une mise à jour fluide des contenus éditoriaux.
La phase finale s'est concentrée sur le déploiement sur un serveur Apache universitaire. J'ai configuré les DNS, activé le HTTPS et procédé au recettage complet pour m'assurer que le site réponde parfaitement aux exigences initiales du brief client, tout en respectant les délais impartis.
Impact
Flow Media dispose désormais d'une vitrine numérique complète et fonctionnelle. Le site reflète fidèlement l'image professionnelle d'une agence de communication parisienne, et le back-office permet une gestion éditoriale autonome et sécurisée, sans nécessiter d'intervention technique récurrente.
Apprentissage
Ce projet a été formateur sur l'ensemble du cycle de vie d'un produit web. J'ai considérablement renforcé mes compétences en PHP procédural, en modélisation de bases de données relationnelles et en conception d'outils d'administration personnalisés.
J'ai également appris à naviguer entre les exigences créatives du design et les impératifs techniques de sécurité et de performance.
Date
Mai 2025
Technologies
Découvrir d'autres projets
Zen
Zen est une application web de découverte de films qui combine une interface moderne, une navigation fluide et une mise en avant visuelle des contenus. Le projet s'appuie sur une architecture front/back séparée pour afficher des films, consulter leurs détails, filtrer les résultats et extraire automatiquement des palettes de couleurs à partir des affiches.
Lexi AI
Lexi AI est une landing page moderne et animée, conçue autour d’un outil fictif d’écriture assistée par intelligence artificielle. Le projet met l’accent sur une expérience utilisateur fluide, un design élégant, des animations dynamiques et une intégration pixel-perfect.