Version mobile du site d’architecte
Le site est dessiné pour le téléphone autant que pour l’écran large : photos lisibles, texte lisible, contact accessible d’un pouce.
La majorité des premières visites se font sur un téléphone.
Un site d’architecture est un site d’images larges. Sur un écran de six pouces, une photo panoramique de façade devient une bande de trois centimètres où l’on ne distingue plus rien.
Le reste suit : un menu qui se replie mal, un texte de neuf pixels, un numéro de téléphone qui n’est pas cliquable, un formulaire qui demande de zoomer pour viser un champ.
Ce que nous faisons
Images pensées pour le petit écran : les cadrages destinés au mobile sont choisis, pas subis. Une photo peut être recadrée différemment selon la largeur.
Texte tenable : tailles, interlignes et longueurs de ligne réglés pour être lus au bras tendu, sans zoom.
Contact au pouce : téléphone cliquable, formulaire aux champs assez hauts, bouton de contact accessible sans remonter en haut de page.
Poids maîtrisé : images compressées et servies au bon format selon la largeur, pour que la page s’affiche sur un réseau de chantier.
Vérification sur les cinq largeurs : le site est contrôlé sur les cinq points de rupture de Webflow, du grand écran au petit téléphone, et non sur une seule taille de fenêtre réduite.
Ce que ça change
Le visiteur qui vous découvre depuis son téléphone voit vos projets et peut vous joindre sans effort. C’est aussi ce que Google mesure en priorité pour classer un site.
Le mobile discipline aussi le contenu : ce qui ne survit pas à un écran de six pouces est le plus souvent du remplissage. Le texte gagne à passer ce test avant d’être publié.
Les limites
Certaines animations lourdes et certaines mises en page à plein écran ne se transposent pas au téléphone. Dans ce cas nous simplifions la version mobile plutôt que de la laisser ramer, et nous vous montrons les deux avant de trancher.
Le mobile n’arrive pas en dernier
La version mobile n’est pas une adaptation faite après coup : elle est dessinée avec le design sur mesure, vue dès la maquette avant développement, et tenue par le CMS de réalisations chaque fois que vous ajoutez un projet. La formation à la prise en main de Webflow montre ce qui la casse. Service concerné : Création de site web pour architectes.
Ce qui est prévu au livrable
- Le réglage des cinq largeurs d’écran
- Les cadrages d’images propres au mobile
- Tailles de texte et interlignes vérifiés à l’écran
- Téléphone cliquable et formulaire utilisable au pouce
- Images compressées et servies au bon format
