mmilife

Contexte

mmilife est mon premier projet tutoré. Il s'agissait de réaliser une plateforme en ligne présentant tous les étudiants de la promo 2018 du DUT MMI de Champs-sur-Marne. Nous devions également présenter la formation à destination des lycéens d’Île-de-France qui souhaitent s'orienter dans cette voie, ceux-ci doivent pouvoir sélectionner un profil qui leur correspond et envoyer un message.

mmilife se démarque par son aspect immersif avec un emploi du temps et ses projets concrets.

Identité graphique

Tout commence par la recherche d'un nom et d'un logotype pour notre plateforme. Nous avons ainsi sélectionné une palette de couleurs vives s'alliant avec la couleur Pantone 2019 : Living Coral ainsi qu'un fond sombre pouvant rappeler Netflix nous rapprochant du lycéen.

Nous souhaitions un design épuré qui permette à l'utilisateur d'aller droit au but, c'est pourquoi le choix de la typographie Rockwell, impactante, mais égayante, convenait très bien pour le logo.

Maquette

Le site s'articule en quatre grandes parties : l'immersion, la filière, les poursuites et les profils. Grâce à Adobe XD, la maquette était rapidement modifiable, autorisant une évolution rapide et des prototypes motivants.

J'ai pu alors composer plusieurs maquettes jusqu'à rendre un produit final. J'ai souhaité que l'intégration se fasse le plus facilement possible en créant un dossier d'intégration contenant la maquette, les typographies, la palette, les différentes déclinaisons du logo.

Développement back

La base de données de mmilife renseigne les informations de base des étudiants (nom, prénom, leurs baccalauréats d'origine) mais aussi les matières avec lesquelles ils éprouvent plus de facilités ou de difficultés. Notre plateforme contient aussi deux formulaires dont les réponses s'inscrivent dans la base de données.

Pour afficher ces données, j'ai utilisé PHP et MySQL avec une surcouche HTML, CSS et JavaScript.

Tests utilisateurs

À l’issue du développement en HTML, CSS, JS et PHP, nous avons pu proposer à quelques proches de tester la plateforme à travers quelques missions imitant des parcours utilisateurs.

C’est à travers un formulaire Google Form que nous avons récolté et identifié les points à corriger ou à améliorer. Cette phase de test a été essentielle et nous a permis d’avoir des points de vue externes et “réels” au projet.

Communication

Nous avons choisi Twitter comme réseau social principal pour la plateforme. Il permet des interactions directes avec les terminales, notamment avec les hashtags (#parcoursup, #bac2019, #dutmmi, etc.) et les messages privés.

Nos tweets réguliers portaient sur la présentation de la plateforme, des différents profils MMI et pouvaient également être en lien avec l'actualité. Notre compte a reçu le soutien de plusieurs comptes officiels MMI et a permis de diffuser la plateforme en dehors de l’Île-de-France !