Étude de cas
TIM 312
Un site vitrine et plateforme de contact pour la Jeune Coop du programme Techniques d'intégration multimédia du Cégep de Sainte-Foy — construit pour durer, se réutiliser chaque année, et créer un pont réel entre les étudiant·es et de vrais clients.
Mon rôle
Direction visuelle & intégration
Durée
8 sem. · 2024
Client
Cégep de Sainte-Foy
Statut
En ligne depuis 2024
01 — Brief
UNE PORTE D'ENTRÉE POUR DE VRAIS CLIENTS.
Le programme TIM opérait sa Jeune Coop depuis quelques années, mais sans aucune vitrine numérique. Les clients potentiels n'avaient donc aucun endroit clair pour comprendre l'offre du programme, le fonctionnement du processus ou la manière d'entrer en contact avec les enseignants.
Le mandat était de concevoir un site qui explique clairement l'offre de services, guide les clients dans le processus de soumission de projet et intègre un formulaire de contact acheminé directement aux enseignants, le tout étant conçu pour être réutilisé chaque année avec un minimum de maintenance.
Contraintes de design
Un formulaire de contact intégré au site, relié directement aux enseignants du programme.
Une page Approche claire qui détaille le processus complet, du début à la fin et sans jargon.
Architecture réutilisable d'une année à l'autre, sans refonte ni maintenance lourde.
02 — Rôle
HONNÊTE SUR LE TRAVAIL
- Direction visuelle
- Système de design
- UI/UX & prototypes
- Contenu visuel & illustrations
- Intégration PHP MVC
- Validation avec les enseignants
- Stratégie de contenu
avec Christopher Byatt & les enseignants du programme
- Architecture backend
- Configuration du serveur
- Mises à jour post-lancement
03 — Design
UN SITE QUI RÉPOND AUX VRAIES QUESTIONS.
Page Approche
LE PROCESSUS, SANS JARGON.
Les clients avaient une question centrale avant tout : comment ça fonctionne ? La page Approche y répond avec un parcours en 5 étapes illustrées — de l'analyse de la demande à la présentation finale. Chaque étape précise les engagements du client et ceux des étudiant·es, pour éliminer toute ambiguïté dès le départ.
Formulaire de contact
JOINDRE LE PROGRAMME, DIRECTEMENT.
Le formulaire collecte les informations essentielles d'un projet (coordonnées, organisation, description du mandat) et les achemine directement aux enseignants. L'objectif : qu'un client puisse soumettre un projet en moins de trois minutes, sans avoir à chercher un courriel ou à passer par une secrétaire.
04 — Processus
DIRECTIONS EXPLORÉES & ABANDONNÉES
Le vrai travail de développement, c’est souvent ce qu’on choisit de ne pas coder.
05 — Réflexion
CE QUE JE FERAIS DIFFÉREMMENT
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.
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
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.
Vous avez un projet en tête ?
CONSTRUISONS QUELQUE CHOSE.
Disponible pour du freelance et des collaborations. Écrivez-moi et je répondrai rapidement.