Catégorie : Uncategorized

  • D’IMA-gerie à re-IMA-gerie…

    Retour en image sur le projet de l’année dernière :

    IMA-gerie

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Notre projet

    re-IMA-gerie

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Des compétences développées…

    Ce projet nous a permis (et nous permettra) de développer diverses compétences.

    Light bulb laying on chalkboard with drawn thought bubble, symbolizing creative ideas.

    1. Compétences techniques

    • Développement web
      • HTML, CSS, pour structurer et styliser la page.
      • Intégration de médias (images, vidéos, galeries interactives).
    • Gestion de contenu
      • Utilisation d’un WordPress pour organiser les informations.
      • Structuration des contenus pour la lisibilité et l’accessibilité.
    • Accessibilité web
      • Sensibilisation aux standards (WCAG) pour que le site soit accessible aux personnes en situation de handicap.

    2. Compétences créatives et de design

    • Design graphique
      • Création d’une identité visuelle adaptée au musée (couleurs, typographies, logos).
      • Mise en page esthétique et ergonomique.
    • Expérience utilisateur
      • Organisation intuitive des informations pour faciliter la navigation.
      • Conception de parcours interactifs pour les visiteurs en ligne.
    • Storytelling
      • Présenter la refonte du musée ou des expositions de manière captivante.
      • Adapter le contenu au public cible (étudiants, chercheurs, habitués).

    3. Compétences organisationnelles et de gestion

    Extreme close-up of computer code displaying various programming terms and elements.
    • Gestion de projet
      • Planification des étapes : conception, développement, tests, mise en ligne.
      • Coordination avec différents acteurs (professionnel.les de l’IMA).
    • Communication
      • Rédaction de contenus clairs, attractifs et adaptés au public.
      • Collaboration avec des équipes pour recueillir les informations nécessaires.

    4. Compétences transversales

    • Résolution de problèmes techniques ou créatifs.
    • Gestion du temps et respect des délais.
    • Développement de l’esprit critique pour évaluer la pertinence du contenu.

    Des tutos

    Créer son premier site avec HTML / CSS
    Apprendre le HTML de zéro

  • 2026 : La suite du projet

    Quel projet a été retenu ?

    Cliquez pour découvrir les différents projets :

    Les processus de réalisation

    Le déroulé de la création du projet

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Les présentations orales

    Après des mois d’aventures…

    LE JOUR DE L’ORAL EST ARRIVE

    par des étudiant.es en panique

    LES CONTENUS

    La présentation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Le projet

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Décembre

    Figma, WordPress, HTML…

    Finalisation du Figma (version responsive)

    Difficultés avec la création des animations :

    • Vidéos déroulantes (type Instagram reels, une page avec du nouveau contenu quand vous scrollez)
    • Zoom sur les moucharabieh pour entrer dans les vidéos…

    Finalisation du WordPress

    • Pas de difficultés particulières.
    • Réalisation des articles « Novembre » et « Décembre ».
    • Finalisation de la page d’accueil.

    Les débuts du HTML

    Les premières tentatives de codage :

  • Novembre

    CONCEPTION

    Suite aux différents retours sur le projet, quelques modifications ont été effectuées :

    • Suppression de la partie « citation »
    • Suppression de la partie « chronologie »
    Capture d’écran de notre Figma

    Suite aux craintes d’Elodie vis-à-vis du projet :

    • Affinement des sujets des micro-trottoirs
    • Plus largement, réorientation des objectifs des vidéos pour questionner les enjeux d’une refonte de musée de façon plus générale

    FIGMA

    Les premiers essais

    Un premier visuel (fait par IA) pour visualiser le rendu potentiel du projet

    La réalisation du Figma

    Les premiers essais sur Figma pour la version ordinateur. Finalisation du prototype pour ordinateur le 23 novembre.

  • Septembre et octobre

    Les premières idées

    La réflexion – design thinking

    Voici quelques images de notre séance de design thinking :

    La réflexion

    Les idées

    La mise en forme

    Les inspirations

    Nous avons ciblé quatre projets de contenus réalisés par des musées, parfois lors d’une période de fermeture. Ils nous ont servi de sources d’inspirations pour notre projet.

    Le musée national de la Marine

    Le musée national de la Marine a réalisé une web série composée de courtes vidéos Youtube durant la période de refonte du parcours de visite. Les vidéos thématiques retracent se concentrent chacune sur un aspect de la refonte. Elles visent a garder le lien avec le public tout en leur faisant découvrir les dessous d’un musée fermé. Ce format pourrait être réexploité pour le projet de l’IMA

    Le Centre Pompidou

    Le Centre Pompidou a réalisé toute une série de vidéos sur les contenus et collections du musée. Le format responsive permet de les visualiser en scrollant, sur le modèle des réseaux sociaux. Il permet de créer du lien avec des publics habitués de ces formats. Le mode de fonctionnement de ce responsive pourrait être réemployé pour le projet de l’IMA.

    Le Grand Palais

    Le Grand Palais a réalisé un grand travail de ressources durant sa période de fermeture. Des vidéos défilantes, des jeux, des moocs et d’autres contenus sont disponibles pour garder le lien avec le public pendant les travaux. Les contenus sont thématiques afin d’aborder différents aspects de la refonte et différents contenus en lien avec les thématiques abordées par le Grand Palais dans ses expositions.

    Le musée de la Vie Romantique

    L’esthétique épurée du site met en valeur les visuels du musée ainsi que les contenus qui lui sont affiliés. Les contenus sont regroupés par thématiques, qui reprennent elles-mêmes les caractéristiques principales du musée. Le design est très visuel, et pourrait être facilement être réexploité dans le cadre du projet de l’IMA.