« On regardera la version mobile à la fin. » C'est la phrase qui tue. En 2026 au Québec, le mobile n'est pas l'arrière-pensée — c'est le point de départ. Voilà pourquoi.
Les chiffres qui changent la donne
Selon Statistique Canada (2025) :
- 62 % du trafic web au Québec vient du mobile
- Chez les moins de 35 ans : 78 %
- Pour les recherches « près de moi » : 91 % mobile
- Temps moyen passé par session : 2 min 14 sec sur mobile vs 4 min 02 sec sur desktop
Conclusion : votre visiteur typique est sur son cellulaire, pressé, avec un pouce. Vous avez 30-90 secondes pour le convaincre.
Pourquoi le « mobile-first » et pas juste « responsive »
Différence cruciale :
- Responsive = on conçoit pour desktop, puis on adapte au mobile. Le résultat : un site mobile compromis, qui marche mais qui n'est pas optimal.
- Mobile-first = on conçoit pour mobile d'abord, puis on enrichit pour desktop. Le résultat : un site mobile excellent, et un desktop tout aussi bon.
Les 6 règles du mobile-first
1. Boutons gros, bien espacés
Minimum 44×44 pixels (recommandation Apple) ou 48×48 dp (Google). Espacement minimum 8 px entre boutons. Sinon : pouce frustré qui clique à côté.
2. Texte lisible sans zoomer
Minimum 16 px pour le texte principal. 18 px pour les sous-titres. Si l'utilisateur doit zoomer, vous avez perdu.
3. CTA visible sans scroll
Votre action principale (« Réservez », « Voyez votre site », « Appelez ») doit être visible dans le premier écran sans avoir à défiler.
4. Menu burger ou sticky
Trois traits horizontaux en haut à droite. Ou une barre fixe en bas avec 4-5 icônes. Pas de menu desktop tassé.
5. Formulaires ultra-courts
Chaque champ supplémentaire = 10 % d'abandon. Pour un premier contact : Nom + Courriel + Message. C'est tout. Le reste, on le demandera plus tard.
6. Vitesse, vitesse, vitesse
Sur cellulaire, en 4G, dans le métro ou au resto avec WiFi pourri : votre site doit charger en moins de 3 secondes.
Pénalisations Google pour les sites lents sur mobile : depuis 2021, vous descendez dans les résultats si vous êtes au-dessus du seuil. Testez votre site sur PageSpeed Insights.
Les pièges typiques qu'on voit sur mobile
- Le menu burger qui cache 12 items — personne n'en voit 9
- Le carrousel à swiper avec 5 promos — ralentit, distrait, n'est pas cliqué
- Le popup qui couvre tout l'écran 2 secondes après l'arrivée — Google pénalise, l'utilisateur ferme
- Le chat bot qui s'ouvre tout seul — agace, ferme le site
- Le téléphone qui n'est pas cliquable — vous éliminez les appels en un clic
Le test rapide
Sortez votre cellulaire (pas de mode bureau). Allez sur votre site. Faites ces 5 choses sans frustration :
- Comprendre ce que vous offrez en 5 secondes
- Trouver votre numéro de téléphone et l'appeler en 2 clics
- Voir votre menu/prix sans plisser les yeux
- Remplir le formulaire de contact en 30 secondes
- Charger une nouvelle page en moins de 3 secondes
Si vous échouez à 1 sur 5, votre site est à refaire.
Notre engagement
Chez Lokia-Web, chaque site est conçu d'abord pour mobile. Score PageSpeed mobile médian de nos sites livrés : 87/100. Vs ~38/100 pour un site Wix moyen.
Sur le tier Boutique, on ajoute aussi le mode parallaxe gyroscope (le contenu se déplace quand on incline le téléphone) — un détail qui impressionne et qui n'existe chez aucun concurrent à ce prix.