Nos psychologues Maquette de site Web

Le large bandeau de rendez-vous et le formulaire dense méritent une analyse attentive selon la fenêtre d'affichage

Ce design utilise plusieurs zones dont l'équilibre visuel doit être vérifié lors de l'affichage sur différentes largeurs d'écran. Les trois portraits de spécialistes sont disposés sur une même rangée sous un titre centré ; la relation entre la largeur des fiches, l'échelle des images, les noms et les liens d'appel téléphonique s'avère donc essentielle sur les écrans plus étroits. Le formulaire de contact constitue une autre zone sensible : ses champs sont organisés en rangées, et leur espacement ainsi que leur regroupement doivent rester parfaitement lisibles lorsque la largeur disponible diminue.

Le bandeau jaune de prise de rendez-vous forme une large composition horizontale regroupant une image, un message bien visible et un contact téléphonique. Il convient de veiller à l'équilibre entre l'image et le texte, en particulier si le bandeau passe d'une disposition horizontale à un empilement vertical plus compact. La dernière section scindée en deux colonnes présente un point d'attention similaire, car le texte explicatif sur la thérapie et la grande photo doivent conserver une articulation fluide lorsque les colonnes rétrécissent ou s'empilent l'une sous l'autre.

Les surfaces blanc et gris clair, la typographie noire et les espacements généreux offrent une séparation visuelle efficace, mais l'échelle typographique et les intervalles verticaux restent à vérifier sur l'ensemble des formats d'écran. La navigation et le pied de page sombre doivent également demeurer bien distincts visuellement. Dans le cadre d'une mise en page adaptative, les éléments prioritaires à contrôler sont la densité des fiches portraits, les rangées du formulaire, les proportions du bandeau, l'empilement de la section scindée et la clarté du parcours de prise de rendez-vous sur la page.