Pour le projet du 3ème semestre, nous avions un commanditaire. Mon groupe a été choisi pour le site et l’organisation de la Journée Portes Ouvertes 2024 du Département MMI de Montbéliard.

Maquette

J’étais chargée de la création du design du site web, pour cela, j’ai tout d’abord effectué des recherches sur les tendances afin de trouver de l’inspiration, et je me suis basée également sur notre persona principal, afin de créer un design attractif pour cette tranche d’âge.

J’ai créé un logo inspiré du logo du Département MMI Montbéliard (et du logo de l’IUT Nord Franche-Comté).

logo jpo

Puis j’ai réalisé la maquette sur Figma, pour la version desktop et mobile. Pour chaque page, j’ai veillé à garder la même structure, afin d’avoir une cohérence visuelle.

Pour enrichir le contenu de ce site et attirer un maximum de personnes à la Journée Portes Ouvertes, nous avons décidé de tourner des portraits vidéos d’étudiants en MMI de différents niveaux et différentes spécialités.

Communication

J’ai créé des posts pour les réseaux sociaux (Instagram et Facebook) ainsi qu’une bannière pour le compte Facebook MMI Montbéliard afin d’annoncer la Journée Portes Ouvertes ainsi que la disponibilité du site dédié à cet évènement.

Post d’annonce de la JPO

Post d’annonce du site

Bannière Facebook

Développement

Ce projet a été implémenté sur WordPress avec un thème personnalisé. Il présente toutefois quelques différences avec la maquette.

Une fonctionnalité clé de notre site est le système de connexion réservé aux étudiants en MMI. Il leur permet de publier leurs projets et de les mettre en avant, offrant ainsi aux visiteurs intéressés par la Journée Portes Ouvertes un aperçu des réalisations potentielles au sein de cette formation. En tant qu’administrateurs, nous pouvons gérer les publications enregistrées par les utilisateurs. En effet, elles n’apparaîtront que si nous les avons validées via l’interface admin de WordPress.

Voir la maquette mobile
Voir la maquette desktop
Voir le site final
Voir les portraits d’étudiants

Pour le projet du 3ème semestre, nous avions un commanditaire. Mon groupe a été choisi pour le site et l’organisation de la Journée Portes Ouvertes 2024 du Département MMI de Montbéliard.

Maquette

J’étais chargée de la création du design du site web, pour cela, j’ai tout d’abord effectué des recherches sur les tendances afin de trouver de l’inspiration, et je me suis basée également sur notre persona principal, afin de créer un design attractif pour cette tranche d’âge.

J’ai créé un logo inspiré du logo du Département MMI Montbéliard (et du logo de l’IUT Nord Franche-Comté).

logo jpo

Puis j’ai réalisé la maquette sur Figma, pour la version desktop et mobile. Pour chaque page, j’ai veillé à garder la même structure, afin d’avoir une cohérence visuelle.

Pour enrichir le contenu de ce site et attirer un maximum de personnes à la Journée Portes Ouvertes, nous avons décidé de tourner des portraits vidéos d’étudiants en MMI de différents niveaux et différentes spécialités.

Communication

J’ai créé des posts pour les réseaux sociaux (Instagram et Facebook) ainsi qu’une bannière pour le compte Facebook MMI Montbéliard afin d’annoncer la Journée Portes Ouvertes ainsi que la disponibilité du site dédié à cet évènement.

Post d’annonce de la JPO

Post d’annonce du site

Bannière Facebook

Développement

Ce projet a été implémenté sur WordPress avec un thème personnalisé. Il présente toutefois quelques différences avec la maquette.

Une fonctionnalité clé de notre site est le système de connexion réservé aux étudiants en MMI. Il leur permet de publier leurs projets et de les mettre en avant, offrant ainsi aux visiteurs intéressés par la Journée Portes Ouvertes un aperçu des réalisations potentielles au sein de cette formation. En tant qu’administrateurs, nous pouvons gérer les publications enregistrées par les utilisateurs. En effet, elles n’apparaîtront que si nous les avons validées via l’interface admin de WordPress.

Voir la maquette mobile
Voir la maquette desktop
Voir le site final
Voir les portraits d’étudiants