Bonjour,

J'aimerais connaitre vos avis sur mon site dont voici le lien

allo-serrurier-nice.com

2 réponses


popotte
Réponse acceptée

Hello

Alors pour commencer ta navbar (mobile et desktop), le logo devrait s'aligner avec le menu, la ça fait une navbar trop haute

Ensuite page d'accueil le header, tes images sont trop petites sur une trop grande surface, du coup c'est flou, il faut des images plus grandes

Ensuite le texte sur le header, c'est du blanc sur un fond clair, c'est peu visible, quelqu'un qui a une bonne vue peut le voir sans problèmes mais faut penser à ceux qui ont une mauvaise vue ou aux daltoniens :p Alors pour le fond de ton header tu devrait placer un overlay noir avec 20% d'opacité, ça devrait régler ce problème :p

Autre soucis, quand le header passe a la phase où il montre le numéro de tel le container du header est plus haute que l'image, ça fait une bande grise qui apparait, faudrait que tu fixes la hauteur aussi, le header qui change de hauteur c'est pas fou, et c'est un vrai problème quand on est plus bas dans la page, en gros quand le header change de taille, tous les éléments en dessous se font pousser, on a l'impression que le site saute :o (pour le desktop, #hero -> height: 800px et c'est reglé, pour le mobile 600px, après le mieux serait de faire une div à 100% qui inclut la navbar et le hero et qui serait en flex column, et le hero tu la fou en grow :p)

Page d'accueil partie blog, les images semblent déformées

Partie contact, un peu de marge au dessus et en dessous du captcha, pour le boutton "Envoyer" c'est le boutton de base... bof, stylises le en faisant un boutton comme ceux qui sont dans le hero :p d'ailleurs faudrait un peu styliser toute la partie contact, déjà faut choisir entre label et placeholder donnant "Votre" + le nom du champ, soit tu vires les labels, soit tu laisses les labels mais en placeholder tu mets des vrais champs d'exemple ("John Doe", "exemple@mymail.com", "75001", Pour message tu peux laisser "Votre message..." en ajoutant les "..." :p)

Page Serrurier Nice, alors le texte ne devrait pas englober l'image, c'est une idée mais non :p Niveau code chaque bloc titre/texte/image doivent être séparés par une div, la partie text/image doivent aussi être dans une div en flex et il faudrait un peu de marge pour aérer (bon la je t'ai fais la version Bootstrap, en css tu ajoutes une margin bottom, tu ajoutes un flex column pour mobile et un responsive desktop pour faire passer en row:

<div class="mb-3">
    <h2>Titre</h2>

    <div class="d-flex flex-column-reverse flex-md-row justify-content-between">
        <p>Texte</p>
        <img src="image.png" alt="Image de ...">
    </div>
</div>

<div class="mb-3">
    <h2>Titre</h2>

    <div class="d-flex flex-column-reverse flex-md-row justify-content-between">
        <p>Texte</p>
        <img src="image.png" alt="Image de ...">
    </div>
</div>

<div class="mb-3">
    <h2>Titre</h2>

    <div class="d-flex flex-column-reverse flex-md-row justify-content-between">
        <p>Texte</p>
        <img src="image.png" alt="Image de ...">
    </div>
</div>

...

Page ouvertture de porte, alors le texte englobe aussi l'image, mais la ça va c'est bien tu peux laisser comme ça :p

Par contre le footer est en miieux de page sur les grands écrans, faut coller le footer en bas de page (cherches sur google "sticky footer", la question a beaucoup été posée et il y a plusieurs solutions pour ça, footer en absolute bottom, ou alors ce que j'utilise: flex-grow sur le corp de page :p) à part ça rien d'autre

Page Intervention:

Le service d’intervention de porte

Quel que soit votre problème de porte, les experts de Serrurier Allo interviennent à toute heure du jour et de la nuit directement à votre domicile pour divers types de pannes et sur tout type de portes (que celle-ci soit blindée ou non).

Faudrait styliser un peu cette partie, https://www.cloudflare.com/ ici tu as deux solutions possibles: une bande colorée, ou bien le texte avec un png à coté, ça ressort mieux

Page contact, c'est cassé :D

Etttt voila c'est à peu prêt tout ce que j'ai trouvé, après j'ai fais une vérif rapide ^^' Le plus important c'ests de régler le hero de la page d'accueil, après le reste si tu peux améliorer ce serait mieux, et si tu as fait ton site sur Wordpres... Bon tu pourras pas tout améliorer mais fait au mieux ^^

asn
Auteur

Merci infiniment !! c'est très gentil

Avec plaisir ;)