CONTEXTE :
STAGE BUT 2 MMI
DATE :
JANVIER → MARS 2024
TYPE :
Design graphique, Développement web, UX design, audiovisuel
stage 2024
Résumé
Refonte totale du site internet de l’Institution Sainte Marthe Notre Dame et création de supports de communication.
- STAGE
- STAGE
- STAGE
- STAGE
- STAGE
- STAGE
- STAGE
- STAGE
- STAGE
Le projet
Au cours de ma deuxième année de BUT MMI à l’IUT de Toulon, j’ai eu l’opportunité d’effectuer un stage au sein de l’institution Sainte Marthe-Notre Dame, du 29 janvier 2024 au 22 mars 2024. Ce stage, d’une durée de huit semaines, s’inscrit dans le cadre de ma formation et a pour objectif de mettre en pratique les connaissances acquises au cours de ma première et deuxième année et de développer mes compétences.
Dans le cadre de ce stage, j’ai eu l’occasion de travailler sur un projet de refonte totale du site internet de l’institution Sainte Marthe-Notre Dame. L’ancien site présentait des lacunes importantes en termes d’ergonomie et de design, ce qui rendait nécessaire une refonte complète pour améliorer l’expérience utilisateur et moderniser l’image de l’établissement.
Outre cette mission centrale, d’autres tâches connexes ont été définies, notamment l’élaboration d’une identité visuelle, la réalisation de photos et d’une vidéo de présentation de l’institution, ainsi que la création de visites virtuelles.
La refonte du site internet impliquait plusieurs étapes clés, depuis l’analyse des besoins et des attentes de l’institution et de ses utilisateurs jusqu’à la conception et la mise en œuvre des nouvelles fonctionnalités. Il s’agissait également de repenser l’architecture du site pour une organisation plus logique et intuitive, ainsi que de moderniser le design pour le rendre plus esthétique et distinctif vis à vis des autres établissements scolaires de la région.
Pour la réalisation du site, j’ai opté pour le CMS WordPress en raison de sa flexibilité et de sa facilité d’utilisation pour la maintenance future.
En prenant en charge l’ensemble du processus de création du site internet, j’ai pu approfondir mes connaissances et mes compétences dans ce domaine, allant de l’UX/UI design au référencement, en passant par le développement web. De plus, mes compétences en conception graphique ont été mises en avant, notamment dans la création d’une identité visuelle, d’icônes, ou encore d’illustrations, et la manipulation d’outils tels qu’Illustrator et Photoshop. Enfin, j’ai eu l’occasion d’explorer davantage le domaine de la photographie, en réalisant des prises de vues pour enrichir le contenu du site.
En somme, ce stage m’a permis de consolider mes compétences, tout en me confrontant à des défis stimulants et en développant ma créativité.
Apprentissages critiques
DÉVELOPPER
AC 24.01-Produire des pages et applications web responsives
AC 24.02-Mettre en place ou développer un back office
AC 24.03-Intégrer, produire et développer des interactions riches et des dispositifs interactifs
AC 24.04-Modéliser les traitements d’une application web
AC 24.05-Optimiser une application web en termes de référencement et de temps de chargement
AC 24.06-Configurer une solution d’hébergement adaptée aux besoin
EXPRIMER
AC 23.02-définir une iconographie
AC 23.03-créer et décliner une identité visuelle
AC 23.05-Réaliser, composer et produire une communication plurimédia
CONCEVOIR
AC 22.01-Co-concevoir un produit ou un service (proposition de valeur fonctionnalités),
ACC 22.04-Optimiser le référencement d’un site web/produit/service
AC 22.02-Produire une recommandation ergonomique à partir des tests utilisateurs
COMPRENDRE
AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement
ENTREPRENDRE
AC25.03 – Initier la constitution d’un réseau professionnel
AC25.04 – Collaborer au sein des organisations
AC25.05 – Maitriser les codes des productions écrites et orales professionnelles
AC25.06 – Prendre en compte les contraintes juridiques
Les étapes du projet
Recueil des besoins et attentes des utilisateurs et définition des objectifs du site.
Étude des sites d’établissements similaires et analyse des forces et faiblesses du site existant (référencement, ergonomie, etc).
Définition de l’arborescence, des parcours utilisateurs et création des wireframes.
Création de la charte graphique et intégration de cette dernière à la maquette du site pour assurer une cohérence visuelle.
Rédaction des textes et conception des éléments visuels (photos, vidéos, illustrations) pour enrichir le site.
Mise en place du CMS, intégration des contenus et développement des fonctionnalités du site.
Vérification de l’accessibilité, du référencement et réalisation de tests utilisateurs pour ajuster l’ergonomie.
Mise en ligne du site et formation des équipes à son administration et sa mise à jour.