Catégorie : Projets

Publié le

Développement web

Créer un site web et sa base de donnée

Description du projet :

Dans ce projet réalisé dans le cadre d’une SAE MMI, j’ai conçu un site web de billetterie permettant l’organisation et la gestion d’événements culturels. L’objectif était de développer une application web avec une base de données robuste et des fonctionnalités clés, à destination des organisateurs et des participants.

Le site permet :

  • L’inscription et la validation des comptes utilisateurs.
  • L’authentification sécurisée avec des rôles différenciés : utilisateur et administrateur.
  • La consultation des événements et des places disponibles.
  • La réservation et l’annulation de billets selon les places restantes.
  • Une interface administrateur complète pour gérer les événements (création, lecture, modification, suppression).

La base de données relationnelle, conçue en respectant les bonnes pratiques, gère les réservations, les utilisateurs, les événements et les rôles associés.

 Compétences MMI mobilisées :

  • Comprendre : Analyse des besoins des utilisateurs (participants et organisateurs), compréhension des processus de réservation et de gestion des événements.
  • Concevoir : Modélisation de la base de données (tables utilisateurs, événements, réservations, rôles), élaboration des fonctionnalités du site web et des parcours utilisateurs.
  • Exprimer : Réalisation de maquettes simples et d’une interface web lisible, avec des retours utilisateurs et une validation des inscriptions par mail.
  • Développer : Programmation en PHP (avec PDO pour la base de données), développement d’un système d’authentification sécurisé, mise en place des requêtes SQL pour gérer les réservations et les événements.
  • Entreprendre : Conduite du projet en autonomie, de l’analyse des besoins à la mise en place du site fonctionnel.

Création d’un site web pour un food-truck

Description du projet :

Dans le cadre du module SAE 105, j’ai réalisé un site web vitrine pour un food-truck, afin de présenter ses services et son concept de façon bilingue (français/anglais). Ce projet m’a permis d’appliquer une démarche de conception web complète, de la structuration des contenus à la mise en ligne d’un site conforme aux standards W3C.

Le projet s’est déroulé en plusieurs étapes :

  1. Structuration de l’information en quatre sections distinctes pour garantir une navigation fluide et intuitive.
  2. Choix des solutions techniques adaptées (HTML5, CSS3, arborescence des fichiers).
  3. Création des wireframes pour visualiser la hiérarchie des blocs de contenu et anticiper les conteneurs (balises, classes, ID).
  4. Codage des éléments statiques avec un squelette HTML5 et des feuilles de style séparées.
  5. Intégration des éléments dynamiques, comme l’affichage d’un menu à partir d’un jeu de données structurées.
  6. Optimisation du code en vue de la validation W3C.
  7. Livraison du site web sous forme d’une archive prête à être mise en ligne.

Le site comprend notamment une page bilingue « À propos », décrivant le concept, l’éthique et les produits du gérant du food-truck, ainsi qu’une page « Menu » dynamique et optimisée.

Compétences MMI mobilisées :

  • Comprendre : Analyse des besoins de l’utilisateur final (propriétaire du food-truck et ses clients) et identification des informations clés à mettre en avant.
  • Concevoir : Élaboration d’une architecture de site et de wireframes cohérents et attractifs, prenant en compte la navigation et l’ergonomie.
  • Exprimer : Production d’un site web responsive et esthétique, intégrant des balises structurantes (paragraphes, listes, liens) et une mise en page harmonieuse.
  • Développer : Intégration HTML5 et CSS3, gestion des fichiers, utilisation de positionnements variés, intégration de propriétés CSS3 (comme le border-radius) et validation W3C.
  • Entreprendre : Gestion complète du projet (de la planification à la livraison finale) en autonomie.
Publié le

Crétion numérique

Affiche promotionnelle – Essonne History X de Ziak

Description du projet :

Ce projet personnel, réalisé en dehors du cadre des cours, consistait à concevoir une affiche graphique autour du dernier projet musical du rappeur français Ziak. L’objectif était de retranscrire visuellement l’univers sombre, énigmatique et intense de l’artiste.

L’affiche a été conçue à l’aide de Photoshop, en jouant sur la symbolique visuelle du masque, de la fumée et du chrome pour évoquer le mystère, la force et l’identité unique de Ziak. Ce travail m’a permis de mobiliser plusieurs compétences du parcours MMI autour d’un projet créatif complet.

Compétences MMI mobilisées :

  • Comprendre : J’ai analysé les codes visuels du rap français et les attentes du public cible pour adapter mon visuel à leur univers culturel.
  • Concevoir : J’ai défini une intention visuelle stratégique pour représenter le projet de Ziak de manière cohérente et percutante.
  • Exprimer : J’ai réalisé une production graphique simple et efficace pour communiquer un message fort uniquement par l’image.
  • Entreprendre : J’ai initié, planifié et mené ce projet de façon autonome, de l’idée initiale à la finalisation de l’affiche.

Création d’un logo – La Bottine

Description du projet :

Dans ce projet personnel de création graphique, j’ai imaginé l’identité visuelle d’une pizzeria fictive nommée La Bottine. L’objectif était de concevoir un logo à la fois simple, mémorable et adapté à l’univers chaleureux et convivial de la restauration.

Le logo associe un visuel emblématique (une part de pizza fondante et garnie) à une typographie ronde et lisible. Le nom « La Bottine » est intégré dans un cercle rouge évoquant la forme d’une pizza, renforçant l’idée d’un visuel immédiatement reconnaissable. Ce projet m’a permis de développer ma sensibilité graphique ainsi que ma capacité à traduire un concept en image.

Compétences MMI mobilisées :

  • Comprendre : Analyse des codes graphiques de la restauration et des attentes visuelles d’un public familial ou amateur de pizzas.
  • Concevoir : Élaboration d’un concept de marque et d’un logo en accord avec les valeurs de proximité, de chaleur et de gourmandise.
  • Exprimer : Réalisation d’un visuel vectoriel clair, expressif et facilement exploitable sur différents supports (enseigne, menu, packaging).
  • Entreprendre : Projet initié en autonomie de l’idée à l’exécution graphique.

Construire sa présence en ligne

Description du projet :

Dans le cadre du module SAE 204, j’ai travaillé à la création et à l’optimisation de ma présence professionnelle en ligne. L’objectif était de comprendre l’importance du personal branding et de mettre en valeur mes réalisations et compétences sur des plateformes numériques professionnelles, notamment LinkedIn.

Le projet s’est déroulé en plusieurs étapes clés :

  1. Étude et analyse des écosystèmes numériques (réseaux sociaux, sites de partage, blogs, forums).
  2. Création et configuration d’un compte LinkedIn avec une photo professionnelle et une bannière personnalisée.
  3. Optimisation du profil : rédaction d’un titre percutant, d’un résumé engageant, et ajout des expériences professionnelles et réalisations pertinentes.
  4. Développement du réseau : ajout de contacts ciblés (anciens MMI, contacts professionnels).
  5. Veille et partage de contenus : publication d’articles et partage de ressources professionnelles pour améliorer la visibilité et la crédibilité.
  6. Suivi et analyse de la e-réputation via le Social Selling Index (SSI) de LinkedIn.
  7. Production finale : mise en ligne de mes productions personnelles et préparation du portfolio.

Compétences MMI mobilisées :

  • Comprendre : Analyse des besoins des professionnels du web en matière de visibilité et des outils numériques à mobiliser pour y répondre.
  • Concevoir : Construction d’un profil LinkedIn efficace et attractif, réflexion sur le branding personnel (concept, valeurs, différenciation).
  • Exprimer : Rédaction d’un titre, d’un résumé et de publications pertinentes pour mettre en valeur mes compétences et mes réalisations.
  • Entreprendre : Mise en œuvre autonome de la démarche de personal branding, développement du réseau professionnel et gestion de la veille numérique.