Http://www.aquachauffage.fr - Demande d'avis et d'un peu d'aide

Bonjour à tous !

Suite à ma présentation, je parlais d'un site sur lequel je travaille actuellement http://www.aquachauffage.fr pour un ami plombier. J'ai réalisé ce site de A à Z avec l'aide des tutoriaux d'AlsacréationS.

Je cherche à avoir des avis sur certaines parties du site. Notamment le menu de gauche sur lequel j'ai lutté (moi grand débutant - j'utilisais Dreamweaver à une époque en WYSIWYG mais maintenant, pour des raisons euh... enfin peu importe, je suis passé en opensource et code manuel via Bluefish) , mais au final je ne suis pas sur que ce soit "joliment" codé.

Sinon j'ai un petit soucis avec IE et le menu du haut. Il semblerait que celui-ci ne s'affiche pas correctement sous ce navigateur (avec la partie "devis gratuit" qui soit passe derrière l'image du dessous, soit la décale, mais en tous cas, cette partie devrait s'afficher sur la même ligne que "contact").

Autre chose aussi que j'ai remarqué, pour la page d'accueil, sous IE le menu du milieu (en image), lorsque l'on passe la souris sur une image celle ci ne change pas. Alors que sous Firefox elle s'abaisse normalement. Bizarre......

Le site a design figé qui accepte une écriture un poil plus grande mais qui sinon "déborde". Tant pis... pour mon site perso, je devrai utiliser un design en %.

Voilà !

J'attends vos avis et vos critiques... ainsi qu'un petit coup de pouce pour le haut du site et IE car après moult essais, je n'y arrive pas.
Modifié par Harold PARIS (10 Mar 2007 - 13:24)

Bonjour Harold PARIS et bienvenue sur Alsacréations ,

ben, j'ai pas trop le temps pour faire une analyse en profondeur mais ce que moi je peux déjà dire et qui me saute aux yeux dès que j'arrive sur le site, c'est que les différents éléments sont assez compactés les uns sur les autres, pour faire au mieux, selon moi, tu devrais essayer d'aérer un peu plus ces éléments, surtout qu'il y a quand même du texte et de petits éléments comme les logos un peu partout, donc, toujours selon moi, une meilleure aération de ces éléments rendrait le site beaucoup plus lisible.

Voilà, mais j'imagine qu'il y a encore d'autres choses à dire, mais je laisserai le soin à d'autre d'y apporter leur contribution

Je suis du même avis il faudrait aérer la page et tu pourrais peut être mettre une couleur (style gris clair) en fond de ton menu de gauche. Pour marquer la séparation. Mais c'est juste une suggestion, il faut tester.

Salut Harold PARIS

Un truc qui m'a fait un peu bizarre, c'est les logos en haut à gauche (qui doivent être les fournisseurs de matériels avec lequel il doit travailler).
Les images sont très serrées, un peu pixélisées et sont présentes sur toutes les pages du site.
Pourquoi ne pas dédier une page à cet aspect là (du genre "partenaires") dans laquelle tu pourrais mettre des images plus grandes et plus espacées.

En fait, excepté cet en-tête un peu "chargé", je trouve ça plutôt pas mal. et même le menu de gauche sur lequel tu semble avoir galéré

Par contre, carton jaune pour l'agrandissement de la police sur les liens en-ligne du haut de page.

Bonne continuation.

Salut,

Je trouve l'ensemble un peu confus. Visuellement, tu perds le visiteur dans les multiples accroches visuelles. Il faudrait que tu sois capable de prendre tous le contenu de ta page d'accueil, élément par élément, et les mettre en liste par ordre d'importance. Pour l'instant, les éléments sont hiérarchisés par une certaine codification visuelle, mais pas suffisamment pour s'y retrouver.

Le premier chantier serais de refondre un peu la partie bannière. On ne sais pas vraiment ou donner du regard, il y'a des logos en haut à gauche et au milieu. Le "logo" du site n'est pas vraiment mis en valeur, car on dirait plus un titre un peu graphique, et on ne sait finalement pas trop où on est. Le menu "accueil, contact-devis gratuit" est très gros et collé à tout çà.
Le contenu sous la bannière est lui aussi pas mal collé vers le haut, et mériterait un peu d'espace, pour dissocier les deux zones.

D'ailleurs c'est un des points faibles de ce site, les marges. si tu ouvre ton site en 800x600, c'est bien, il n'y a pas d'apparitions de barres de défilements horizontales, et tout reste visible. Seulement, tout est collé au bord du navigateur, ce qui est assez pénible à lire. L'oeil a naturellement besoin d'espace pour naviguer, pour identifier les choses rapidement, et lire plus rapidement ce qui l'intéresse.

le titre "Bienvenue sur le site d'Aqua Chauffage Thorillon" n'apporte rien. Si on a pu voir le logo en haut à gauche, on sait qu'il s'agit de cette entreprise, souhaiter la bienvenue est inutile, il suffit de faire en sorte que le site soit agréable pour que le visiteur s'y sente bienvenu. En l'état ce titre est une information redondante et inutile.

Je trouve que tes "puces" en dégradées sont grosses et lourdes visuellement, pareil pour les flèches oranges de ton menu à gauche. Une puce doit accrocher l'oeil à celui qui regarde la liste, mais pas accrocher l'oeil à qui se trouve devant la page du site, c'est toute la nuance. Il faudrait que tu réduise ces éléments graphiques pour simplifier la lecture visuelle.

Les séparateurs eux aussi en dégradés sont très gros, et très contrastés, ils prennent un peu le pas sur le reste, car on ne voit qu'eux. Il faudrait décontraster un peu ces éléments, ou les réduire en hauteur pour les rendre plus discrêts.

En l'état, mon regard semble plus aller gambader dans tous le blanc autour du site que dans le site lui même, car sur un écran d'ordinateur il est mis à rude épreuve. Il faudrait peut être avoir une couleur de fond qui tranche un peu avec le blanc du site, pour aider à focaliser sur le contenu et non sur le pourtour du site

Pour les logos, je suis de l'avis de Mucsy, ils ne devraient pas avoir leur place dans une bannière de site, exceptés sur les sites des marques qu'ils concernent bien évidemment.

Comme mika m'enlève les mots de la bouche, ou du clavier si j'ose dire, sur l'analyse de ton site, j'ai décidé d'aller chercher la petite bête.
Donc :
1 - l'information est globalement trop superficielle ; sur l'installation solaire par exemple on aimerais en savoir un peux plus sur une fourchette de prix, sur les économies réalisées, les déductions fiscales... pourquoi d'ailleur ne pas mettre un lien vers l'Ademe ?
2 - "Ces contrats d'entretien sont valables 1 an par tacite reconduction, et vous permettent d'assurer un suivi simple et efficace de vos installations de chauffage et...".
Non monsieur, ceci est strictement prohibé par le code de la consommation.
Un site dispose également d'un volet juridique en plus des autres aspects.
Bonnne continuation à toi.
Modifié par fredmac (15 Mar 2007 - 22:29)

Bonjour,

La navigation est claire... mais ça manque d'air : une mise en page est définie par les éléments qu'on y met et aussi par l'espace qu'il y a entre ces éléments : cela permet de les distinguer visuellement sans avoir à réfléchir, cela permet de valoriser ou non certains éléments. Pensez à une chose : un tout petit point sur une grande page blanche : on ne voit que ça! donc la taille des éléments n'est pas le critère le plus important...

Bonne continuation!

Merci à tous pour ces remarques qui me seront utiles et que je vais prendre en compte. En tous cas... il me reste un peu de boulot : lol

1 - Pour les marques en haut à gauche : en effet, elles sont présentes sur toutes les pages. Une page "partenaire" sera surement rajoutée mais mon pote voulait que ces marques soient présentes et visibles. Je pense que cela a son importance pour lui. En tous cas, il faut que je me renseigne... Pour les afficher, il faut surement que le bas de page comporte un copyright ou un truc du genre.

2 - La baniere : je vais diminuer les logos PGN confort et qualisol qui ont leur intérêt mais en effet, prennent trop de place. Pour les images de droite, elles seront remplacées par le camion de "monsieur" quand on aura une belle photo et que la déco de celui-ci sera terminée.

3 - le menu du haut : je me pose la question de le supprimer complètement... il est redondant par rapport au menu de gauche où je pourrai faire figurer le "devis gratuit"

4 - le titre "bienvenue" : je vais le remplacer par un truc du genre : "votre spécialiste etc... à Rueil Malmaison"

5 - les puces et les flèches : je vais réduire les flèches pour gagner en lisibilité, mais pour les puces, je les aime bien comme ça / les séparateurs vont être réduits

6 - le fond : je vais essayer de faire un fond de couleur, un gris bleu clair avec, pourquoi pas, une ligne diagonale... c'est à la mode non ?

7 - aeration du site : bon là y'a du travail... je vais voir ce que je peux faire pour gagner un peu d'espace.

a écrit :

fredmac a dit :
2 - "Ces contrats d'entretien sont valables 1 an par tacite reconduction, et vous permettent d'assurer un suivi simple et efficace de vos installations de chauffage et...".
Non monsieur, ceci est strictement prohibé par le code de la consommation.
Un site dispose également d'un volet juridique en plus des autres aspects.

Euh... ah bon ? En deux points : faut que je vérifie ce truc du contrat et il faudrait que je rajoute un volet juridique ?

Mais euh... pour le contrat, je crois que c'est bon pourtant... il va falloir que j'en parle à mon pote.

Merci encore pour vos réponses en tous cas ! J'ai du boulot pour mes vacances en tous cas...

Bonjour,

Je reviens sur les marques en haut à gauche. Elles ne devraient pas se trouver au dessus du logo. En dessous éventuellement, en indiquant la nature de la relation entre la marque et la société (concessionnaire, revendeur exclusif/officiel, partenaire ?). Ce qui rendrait plus visible le lien de retour vers l'accueil (d'ailleurs c'est toujours une bonne idée de revenir vers l'accueil en cliquant sur le logo) et la demande de devis, et ne perturberait pas l'identité de l'entreprise.

D'autre part, si ces marques étaient dans des images individuelles avec le texte alternatif qui va bien, l'information ne serait pas perdue dès qu'on désactive la feuille de style et/ou les images.

Dans la galerie des réalisations, une légende pour chacune serait la bienvenue. Parce que c'est surement très joli pour un plombier, mais pas très parlant pour le néophyte.