Tutorat Pro
Tutorat Pro est la marque, le design et l'univers créatif du tutorat privé au Québec. Les couleurs, les mots et les écrans partent d'ici.
Mieux apprendre,par le design.
Le cours en ligne est à 42 $/h. À domicile, c'est 48 $/h. Le crédit d'impôt s'applique, sans taxes.
Ce site montre comment ces écrans sont construits, pour que la prochaine page ressemble encore à Tutorat Pro.
Ce qui a changé dans les écrans
Chaque note part d'un problème de lecture. Une marge trop large. Un bouton qui ne dit pas l'action. Un thème dont le nom ne dit rien.
On écrit la décision ici, pour que la prochaine page de Tutorat Pro parte du même endroit. Le détail est dans les actualités.
Billet
Une grille plus calme pour les pages de cours
On a resserré les marges et gardé un seul bleu d'action. La page se lit plus vite.
Billet
Le bleu d'action, et pourquoi on n'en change pas
#0165BF reste le bouton qui fait avancer. Le reste de l'écran reste neutre.
Billet
Écrire un libellé de bouton qui dit l'action
Un verbe, un objet, pas de point. Le parent doit comprendre sans relire la phrase au-dessus.
Billet
Clair, Sombre, Accent: comment on a nommé les thèmes
Trois réglages, les mêmes composants. Seules les couleurs de surface changent.
Billet
Le sommaire qui suit la lecture
La colonne Sommaire marque le titre en cours. On sait où on est dans une longue page.
Quatre fondations, pas une de plus
La couleur dit où cliquer. La typographie dit quoi lire en premier.
Les icônes remplacent un mot seulement quand le mot est déjà connu. La grille empêche les blocs de flotter.
Si une page de Tutorat Pro hésite, on revient à ces quatre-là avant d'inventer un cinquième style.
Un langage visuel commun
Un parent qui réserve un cours de maths à Laval doit reconnaître la page de français à Québec.
Même bouton, même marge, même ton. Le bleu #0165BF ne sert qu'à l'action.
À propos du système
Concevoir avec clarté
Un écran d'aide aux devoirs a une seule prochaine étape. Deux boutons qui crient en même temps, et la famille hésite.
L'interface Accent sert à ça. Le fond devient profond, et le bouton blanc dit la suite.
Explorer l'interface AccentLe système derrière nos écrans
Ce n'est pas une bibliothèque à admirer. C'est la liste de ce qu'on a le droit d'utiliser sur les pages de Tutorat Pro.
On commence par la couleur, parce que c'est elle qui décide si la page a l'air de Tutorat Pro ou d'un autre site.
Le système de design Tutorat Pro- Action
- Accent
- Texte
- Bordure
- Fond
Couleur
Un seul bleu d'action, #0165BF. Le reste de la page reste blanc, pour que le regard sache où aller.
Poppins
Inter, pour les paragraphes et les libellés.
Typographie
Poppins pour le titre qu'on voit en entrant. Inter pour la phrase qu'on lit ensuite.
AccentInterface Accent
Le thème profond, quand il faut montrer la prochaine étape et faire taire le reste.
Accessibilité
Contraste, clavier, nom du bouton. Une famille doit pouvoir réserver sans la souris.
- color.background.brand
- color.background.accent
- color.text
- color.border
Jetons
- Accueil
- Recherche
- Cours
- Valider
Iconographie
Une icône remplace un mot seulement si le mot est déjà connu. Sinon, on écrit le mot.
Des tuteurs, avec leur nom
David Carrier, André Agbanou et Loredana Toma figurent sur les pages de ville. La photo reste sur fond clair, le nom en dessous.
Le jumelage se fait sur tutoratpro.com. Ce site ne prend pas la demande de cours. Il empêche cette demande de changer de visage à chaque refonte.
Ce que les familles voient
Six images du travail réel. La carte, la séance à la maison, le cours en ligne, la grille des tuteurs, les tarifs, un écran simple.
Chaque image a une légende. Une photo sans phrase ne dit pas ce qu'il faut en retenir.
La règle qu'on se répète avant d'ajouter un bloc sur une page de Tutorat Pro.
Un bon écran d'aide aux devoirs se comprend en quelques secondes. Le reste est du bruit.
Tutorat Pro, en bref
Tutorat Pro fait le tutorat privé au Québec depuis 2017.
Le cours en ligne est affiché à 42 $/h. À domicile, c'est 48 $/h. Le crédit d'impôt s'applique, sans taxes.
Plus de 1 500 tuteurs certifiés prennent des élèves dans la province. La note Google publiée est de 4,9/5 sur 1 800 avis. Le premier cours est annoncé en 48 h.
Tutorat Pro est aussi Choix du consommateur en 2024, 2025 et 2026.
Pour réserver, le bon endroit reste le site Tutorat Pro.
Les matières et les formats
Le gros du volume est en maths et en français. Le reste suit le niveau de l'élève, du primaire au cégep.
Montréal, Laval, Longueuil, Québec, Lévis, Sherbrooke et Gatineau reviennent souvent. La carte des tuteurs montre la couverture plus large.
Ce que ce site fixe
Les cours vivent sur tutoratpro.com. Ici, on écrit les règles des écrans, pour que l'équipe ne réinvente pas le bleu à chaque page.
Le point d'entrée du système est la page système de design. La marque et la confidentialité sont sur la licence.
Questions sur Tutorat Pro
- Tutorat Pro, c'est en ligne ou à la maison?
- Les deux. La famille choisit le domicile ou l'écran. Les tarifs publiés partent de 42 $/h en ligne et de 48 $/h à domicile.
- Depuis quand Tutorat Pro existe?
- Depuis 2017. Le service couvre le Québec, avec plus de 1 500 tuteurs certifiés.
- Ce site remplace tutoratpro.com?
- Non. Ici, on documente les écrans. Les cours se demandent sur le site Tutorat Pro.
- Pourquoi un système de design?
- Pour que le bleu, les titres et les boutons restent les mêmes d'une page à l'autre. Une famille ne devrait pas réapprendre l'interface à chaque écran.