Une mise en page soignée sur un mock desktop se défait souvent sur mobile : titres mal coupés, cartes empilées sans rythme, lecteur qui perd le fil. Concevez le modèle de contenu une fois, puis décidez ce que chaque viewport peut changer.
Une hiérarchie, deux viewports
Le premier écran mobile doit encore dire de quoi parle la page et quelle action suivre. Ne cachez pas l'action principale sous une galerie pensée pour 1440 pixels.
Mesure et rythme
Gardez le texte dans une mesure lisible : lignes courtes sur desktop, pleine largeur avec padding confortable sur mobile. Répétez le même rythme vertical pour que les sections ne changent pas de modèle à chaque scroll.
Des motifs qui ne s'effondrent pas
Un petit jeu de motifs suffit : hero, preuve, étapes, action finale. Si un motif exige une exception mobile, ce n'est pas encore un motif.
Points clés
- Le premier écran mobile dit encore le sujet et l'action.
- Gardez une mesure lisible et un seul rythme vertical.
- Un motif qui exige une exception mobile n'est pas fini.