Bonjour.
a écrit :
Une amie me dit que le site internet (que j'ai développé) ne reflète pas une approche professionnelle.
Si tu ne l’as déjà fait, il serait utile de lui demander de préciser sa pensée.
À l’examen, son affirmation me parait avoir quelque justesse.
Les items du menu situé à droite du header (“Automobile”, “Bâtiments”, “Stores-films”) bougent au survol.
Les espaces gauche et droit de l’item “Nous contacter” de la barre de menu n’ont pas la même largeur.
Les textes de la barre de menu ne semblent pas parfaitement centrés verticalement (espace inférieur plus important que l’espace supérieur).
Le changement au survol des items de la barre de menus ne devrait pas seulement affecter leur texte mais également leur background (c’est plus visible).
Le code des menus me semble pouvoir être simplifié (mais peut-être certains objecteront-ils que des ul li sont nécessaires pour des raisons de sémantique)... :
<nav class="menu_principal">
<ul class="principal">
<li><a href="index.php" >Accueil</a></li>
<li><a href="entreprise.php" class="actuel_menu_principal">Notre société</a></li>
<li><a href="references.php" >Nos références</a></li>
<li><a href="sante.php" >Santé</a></li>
<li><a href="plastidip.php" >Plastidip</a></li>
<li><a href="infos-utiles" >Informations utiles</a></li>
<li><a href="contact.php" >Nous contacter</a></li>
</ul>
</nav>
<nav role="navigation">
<a href="index.php" >Accueil</a></li>
<a href="entreprise.php" class="actuel_menu_principal">Notre société</a>
<a href="references.php" >Nos références</a>
<a href="sante.php" >Santé</a>
<a href="plastidip.php" >Plastidip</a></li>
<a href="infos-utiles" >Informations utiles</a>
<a href="contact.php" >Nous contacter</a>
</nav>
... avec des sélecteurs nav:first-of-type, nav:first-of-type a et nav:last-of-type, nav:last-of-type a pour cibler les menus sans utiliser d'ids ou de classes.
Quelques erreurs de formulation :
a écrit :
Issus de la technologie spatiale, les films séduisent les architectes et prescripteurs du bâtiment pour leurs nombreuses performances à résoudre beaucoup de problèmes liés aux baies et aux vitrages.
Issus de la technologie spatiale, les films séduisent les architectes et prescripteurs du bâtiment pour leurs capacités à résoudre de multiples problèmes liés aux baies et aux vitrages.
Les images de la home page sont de largeurs différentes, ce qui est peu esthétique/homogène. Cet effet serait peut-être moindre si les images étaient centrées horizontalement. Ne peux-tu avoir des images de même format ou de même largeur ?
Il n’y a pas assez d’espace, d’une part, entre les images et leur légendes, et d’autre part, entre les couples légendes et images.
Les techniques utilisées pour la mise en forme des images (bordure et ombre réalisées avec un logiciel graphique et faisant partie de l’image) sont anciennes et surtout peu flexibles. Bordures et ombres sont réalisables en CSS.
Pour parcourir les images, une solution plus ergonomique, évitant un scrolling assez fastidieux pourrait être adéquate (carrousel/slideshow).
Compte tenu de la petitesse de son contenu, la page “Notre société” pourrait être supprimée sans problème. Développer son contenu me semble nécessaire si tu souhaites la conserver. Enfin, n’étant pas la plus intéressante pour le visiteur, elle pourrait être placée plus à droite dans la barre de menu. Par ailleurs, tu y emploies le passé simple, qui est surtout d'usage littéraire.
Deux articles qui me semblent intéressants sur la hiérarchisation des contenus/items de menus dans les sites web :
http://blog.60questions.net/2011/12/3-generations-darchitecture-dinformation/
http://blog.60questions.net/2011/12/3-generations-aux-commandes-du-web/
Concernant le formulaire de contact, les champs sont trop petits, et il serait bien de les doter d’un padding, et les titres, avec leur background noir, attirent trop l’œil.
Modifié par thierry (18 Aug 2013 - 22:56)
