Tous les projets
Design webUX / UIEntreprise-écolePHP MVC

TIM 312

Un site vitrine permettant à la jeune coop du programme Techniques d'intégration multimédia du Cégep de Sainte-Foy de présenté son offre de services et permettre aux clients de soumettre des propositions de projet à l'aide d'un formulaire.

Rôle
Direction visuelle & intégration
Durée
8 sem. · 2024
Client
Cégep de Sainte-Foy
Statut
En ligne depuis 2024
TIM 312

Le mandat

Une porte d'entrée pour de vrais clients.

En 2024, les diplômés ont participer au démarrage d'une jeune coop au sein des Techniques d'intégration multimédia du Cégep de Sainte-Foy. L'objectif était de faire le démarrage d'une coopérative étudiante qui permettrait aux étudiant du programme de développer des projets avec de vrai client. Le but étant de permettre aux étudiantes de vivre une expérience qui se rapprocherait du travail au sein d'une entreprise. Les étudiants participerait de A à Z au processus avec le client.

Le mandat que nous avons reçu était de faire la création d'un site web qui permettrait à coopérative étudiante de présenter ses services, son offre et son approche aux clients potentiels. Un formulaire permettrait également aux clients intéressés de faire appel aux services de la coopérative.

Contraintes

  1. Un formulaire de contact intégré au site afin de permettre aux clients intéressés de faire part de leur projet et de contacter les enseignants.
  2. Une page détaillant le processus et les étapes pour faire affaire avec la coopérative étudiante.
  3. Un site nécessitant peu de maintenance.

Mon rôle

Mené de A à Z

  • Direction visuelle
  • Système de design
  • UI/UX & prototypes
  • Contenu visuel & illustrations

En collaboration

  • Intégration PHP MVC
  • Validation avec les enseignants
  • Stratégie de contenu

avec Christopher Byatt & les enseignants du programme

Hors de mon mandat

  • Architecture backend
  • Configuration du serveur
  • Mises à jour post-lancement

Le design

Des étapes claires

Comme le principe d'une coopérative étudiante est méconnu il est important de bien expliqué les étapes du processus. Le but étant de bien répondre aux questions que pourrait avoir un client. Une page permet d'expliquer le processus en 5 étapes et précise les engagements du client, des enseignants et des étudiants, pour éliminer toute ambiguïté dès le départ.

Des étapes claires

Rejoindre facilement les enseignants

Le formulaire collecte les informations essentielles d'un projet (coordonnées, organisation, description du mandat) et les achemine directement aux enseignants. L'objectif étant qu'un client puisse soumettre facilement et rapidement un projet.

Rejoindre facilement les enseignants

Pistes explorées

Les directions essayées, puis écartées.

Le vrai travail de développement, c’est souvent ce qu’on choisit de ne pas coder.

Écartée

WordPress / CMS générique

L'option la plus rapide à déployer. Mais dans un contexte scolaire, les accès administrateurs changent chaque année et les mises à jour WordPress représentent un vrai risque de casse. Trop de maintenance pour des enseignants qui n'ont pas à gérer ça.

✓ Retenue

PHP MVC sur mesure

Une architecture légère sans dépendance externe lourde. Les réalisations et certains contenus sont gérés via base de données. Les enseignants peuvent mettre à jour la liste des projets sans toucher au code.

Avec du recul

Ce que je ferais autrement.

  1. Documentez la transition dès le premier jour. Le site sera repris par de futurs étudiants ; nous avons rédigé la documentation de maintenance trop tard dans le processus, et elle aurait pu être plus complète.

  2. Donnez la priorité absolue à la page Réalisations dès le départ. On l'a reléguée au second plan, mais c'est pourtant elle qui fait pencher la balance pour un client hésitant

  3. Un de nos bon coup a été de faire tester le formulaire auprès d'un client potentiel afin d'obtenir des avis. Nous avons également fait validé l'UX avec des pairs et des enseignants.

Parlons de votre projet.

Un appel découverte gratuit pour comprendre vos besoins et vous proposer la bonne formule.

Demander une soumission