Intranet étudiant
Durant le troisième semestre, nous avons eu pour travail de réaliser une maquette pour un intranet étudiant. Ce projet fait partie de la ressource 3.09 : création et design interactif UI car nous avons dû créer entièrement le wireframe et par la suite réaliser la maquette ainsi que le prototype. Ce travail s’est fait en deux temps : dans un premier temps nous avons dû réaliser la structure fonctionnelle de l’intranet, contenant les wireframes ainsi que les composants neutres en groupe. C’est alors avec l’aide de Quentin Goi-Picquet, Océane Groux et d’Aude Ly que nous nous sommes mis d’accord sur la création du wireframe en nous répartissant les différentes pages à faire. Je me suis alors chargée de faire la page des paramètres ainsi que la page qui permettrait de changer le thème de l’intranet, et j’ai également aidé à réaliser la version mobile. Dans un second temps, j’ai repris le wireframe qui avait été fait en groupe pour pouvoir réaliser la maquette en appliquant le style de mon choix sur ce dernier. C’est après plusieurs essais que je suis arrivée à la version finale qui possède le style Neon-Synthwave car je voulais donner un aspect futuriste et moderne à mon intranet. Je me suis également inspirée des artistes Jung Lee et Mary Weatherford qui utilisent des néons dans leurs productions artistiques. Pour ce qui est de la typographie j’ai choisi Belanosima car je trouve cette typographie simpliste tout en donnant un aspect dynamique au tout. J’ai réalisé l’entièreté de ce projet sur Figma qui est un excellent logiciel pour pouvoir concevoir des maquettes et des wireframes en collaborant à plusieurs.
Intranet étudiant
Durant le troisième semestre, nous avons eu pour travail de réaliser une maquette pour un intranet étudiant. Ce projet fait partie de la ressource 3.09 : création et design interactif UI car nous avons dû créer entièrement le wireframe et par la suite réaliser la maquette ainsi que le prototype. Ce travail s’est fait en deux temps : dans un premier temps nous avons dû réaliser la structure fonctionnelle de l’intranet, contenant les wireframes ainsi que les composants neutres en groupe. C’est alors avec l’aide de Quentin Goi-Picquet, Océane Groux et d’Aude Ly que nous nous sommes mis d’accord sur la création du wireframe en nous répartissant les différentes pages à faire. Je me suis alors chargée de faire la page des paramètres ainsi que la page qui permettrait de changer le thème de l’intranet, et j’ai également aidé à réaliser la version mobile. Dans un second temps, j’ai repris le wireframe qui avait été fait en groupe pour pouvoir réaliser la maquette en appliquant le style de mon choix sur ce dernier. C’est après plusieurs essais que je suis arrivée à la version finale qui possède le style Neon-Synthwave car je voulais donner un aspect futuriste et moderne à mon intranet. Je me suis également inspirée des artistes Jung Lee et Mary Weatherford qui utilisent des néons dans leurs productions artistiques. Pour ce qui est de la typographie j’ai choisi Belanosima car je trouve cette typographie simpliste tout en donnant un aspect dynamique au tout. J’ai réalisé l’entièreté de ce projet sur Figma qui est un excellent logiciel pour pouvoir concevoir des maquettes et des wireframes en collaborant à plusieurs. Ce projet coche alors l’apprentissage critique suivant : Concevoir :
Cartes stand JPO
Durant le premier semestre de ma deuxième année au sein de la formation, nous avons reçu la lourde tâche d’organiser la journée portes ouvertes (JPO) de l’université visant à promouvoir ce dernier ainsi que de renseigner les personnes qui y viendraient. Devant tenir un stand le jour j, avec l’aide de ma camarade de classe Océane Groux, nous avons eu pour idée de faire un mini-jeu en lien avec les logiciels que l’on utilise en création numérique. Je me suis donc chargée de créer les cartes qui serviraient au mini-jeu. C’est avec Figma ainsi que Affinity que j’ai réalisé le design des cartes, à la fois le recto mais aussi le verso. C’est un design assez simple qui a été fait en reprenant un fond avec le pattern du logo ainsi que son cadre pour y mettre le logo des divers logiciels. Cela a permis aux visiteurs d’en savoir plus sur les différents logiciels que nous utilisons tout en s’amusant ! Cette SAE entre dans différents apprentissages critiques : Exprimer :
L’App Cascade
Durant le deuxième semestre de ma deuxième année au sein de la formation, nous avons reçu pour tâche de réaliser un support de médiation pour la ville de Sillans-La-Cascade. En effet, le Département du Var a fait appel à nous pour pouvoir proposer une application qui informerait les visiteurs de diverses informations, comme par exemple le fait qu’il est interdit de se baigner dans la cascade. Pour cela, c’est avec mon groupe composé de quatres personnes que nous avons commencé par établir une identité visuelle en reprenant les couleurs de la charte graphique du Département du Var. Par la suite, nous avons commencé à établir un wireframe pour ensuite en faire une maquette puis, en nous aidant de cette dernière, nous avons pu coder l’application. Pour ce projet de grande envergure, nous nous sommes servis de divers logiciels tels que Figma pour la création du wireframe ainsi que le maquettage du site, GitHub qui nous a permis de nous coordonner pour le codage de l’application ainsi que Google Docs qui nous a permis de nous organiser dans nos tâches. Mon rôle dans ce projet a été d’aider à réaliser la charte graphique ainsi que la maquette mais j’ai aussi participé au code de l’app.
L’App Cascade
Durant le deuxième semestre de ma deuxième année au sein de la formation, nous avons reçu pour tâche de réaliser un support de médiation pour la ville de Sillans-La-Cascade. En effet, le Département du Var a fait appel à nous pour pouvoir proposer une application qui informerait les visiteurs de diverses informations, comme par exemple le fait qu’il est interdit de se baigner dans la cascade. Pour cela, c’est avec mon groupe composé de quatres personnes que nous avons commencé par établir une identité visuelle en reprenant les couleurs de la charte graphique du Département du Var. Par la suite, nous avons commencé à établir un wireframe pour ensuite en faire une maquette puis, en nous aidant de cette dernière, nous avons pu coder l’application. Pour ce projet de grande envergure, nous nous sommes servis de divers logiciels tels que Figma pour la création du wireframe ainsi que le maquettage du site, GitHub qui nous a permis de nous coordonner pour le codage de l’application ainsi que Google Docs qui nous a permis de nous organiser dans nos tâches. Mon rôle dans ce projet a été d’aider à réaliser la charte graphique ainsi que la maquette mais j’ai aussi participé au code de l’app. Cet énorme projet valide plusieurs apprentissages critiques de diverses compétences : Comprendre : Concevoir : Exprimer : Développer : Entreprendre :
Animation Logo 3D
Durant la première moitié de ma deuxième année, j’ai réalisé une animation mettant en scène le logo de mon choix. J’ai effectué cette réalisation le 30 Novembre 2025 à la fois en cours mais également chez moi. J’ai tout d’abord cherché un logo qui pourrait être intéressant à exploiter puis je l’ai ensuite modélisé grâce à Blender, logiciel de modélisation 3D. J’ai ensuite réfléchi à comment en faire une vidéo puis j’ai alors importé des modèles 3D gratuits directement dans le logiciel. J’ai animé le tout puis j’ai rajouté la musique par dessus grâce à DaVinci Resolve, logiciel de montage vidéo. Ce projet m’a permis de m’améliorer un peu plus dans la modélisation 3D ainsi que dans l’animation ! Ce projet valide l’apprentissage critique suivant : Exprimer :
Animation Logo 3D
Durant la première moitié de ma deuxième année, j’ai réalisé une animation mettant en scène le logo de mon choix. J’ai effectué cette réalisation le 30 Novembre 2025 à la fois en cours mais également chez moi. J’ai tout d’abord cherché un logo qui pourrait être intéressant à exploiter puis je l’ai ensuite modélisé grâce à Blender, logiciel de modélisation 3D. J’ai ensuite réfléchi à comment en faire une vidéo puis j’ai alors importé des modèles 3D gratuits directement dans le logiciel. J’ai animé le tout puis j’ai rajouté la musique par dessus grâce à DaVinci Resolve, logiciel de montage vidéo. Ce projet m’a permis de m’améliorer un peu plus dans la modélisation 3D ainsi que dans l’animation !
Cartes stand JPO
Durant le premier semestre de ma deuxième année au sein de la formation, nous avons reçu la lourde tâche d’organiser la journée portes ouvertes (JPO) de l’université visant à promouvoir ce dernier ainsi que de renseigner les personnes qui y viendraient. Devant tenir un stand le jour j, avec l’aide de ma camarade de classe Océane Groux, nous avons eu pour idée de faire un mini-jeu en lien avec les logiciels que l’on utilise en création numérique. Je me suis donc chargée de créer les cartes qui serviraient au mini-jeu. C’est avec Figma ainsi que Affinity que j’ai réalisé le design des cartes, à la fois le recto mais aussi le verso. C’est un design assez simple qui a été fait en reprenant un fond avec le pattern du logo ainsi que son cadre pour y mettre le logo des divers logiciels. Cela a permis aux visiteurs d’en savoir plus sur les différents logiciels que nous utilisons tout en s’amusant !
Animation Balle
Pour continuer a m’entrainer à maîtriser Blender ainsi que pour m’exercer à faire de l’animation, j’ai réalisé ma première animation 3D sur Blender en m’aidant d’un tutoriel que j’ai trouvé sur Youtube. J’ai réalisé cette animation le 30 Mai 2025, chez moi. C’est une animation simple qui consiste à faire rebondir une balle mais cela m’a permis de découvrir les bases de l’animation ainsi que de découvrir d’autres fonctionnalités de Blender. Je suis fière du rendu final bien que je me rende compte que j’ai encore du chemin à faire si je veux me perfectionner dans ce domaine !
Webcapy
Durant ma première année à l’université, nous avions eu pour gros projet de réaliser une agence fictive répondant à plusieurs attentes venant de notre commanditaire. C’est ainsi avec mon groupe, composé de 5 personnes, que nous avons créé l’agence de développement web, WebCapy. Mon rôle dans cette agence à été de vérifier le contenu des productions mais aussi de penser des affiches pour promouvoir un événement que nous devions organiser. Pour les différents rendus et éléments que nous avions produits tout au long du semestre, nous avons utilisé différents logiciels comme Illustrator pour tout ce qui a été la création d’imprimés mais aussi pour créer le logo de l’agence, Figma pour les maquettes du site internet et WordPress qui est un excellent CMS où nous avons créé le site internet.