Bonsoir à toutes et tous Smiley cligne

Après avoir repris la société de mon patron et avoir réalisé le site, http://telepermanence.ch/, je me lance à la reprise de l'entreprise de mon père.

Il s'agit d'une société spécialisé dans la pose de films pour vitrages.

Voici le premier prototype :www.marc-schaefges.name/nouveau/soleil/index.php

Qu'en pensez-vous franchement ? Est-ce une bonne base ?

Il est toujours dur de se rendre par soi-même, c'est pourquoi je sollicite vos avis.

Je vous remercie vivement d'avance, je vous souhaite d'excellentes fêtes de Pâques !

Amicalement

Marc
Modifié par Stéphanie W. (11 Apr 2013 - 21:51)
Bonjour
graphiquement, pour moi, il y a beaucoup trop de noir (surtout dans le pied de page, très imposant) et pas assez de couleurs, c'est très austère.
Voila mon avis.
Bonsoir Smiley smile

Merci pour ces avis !

Quelles couleurs rajouter selon vous ?

Design Suisse austère ? Vu que je ne suis pas du milieu je ne saurai vous dire ...
marc.suisse
a écrit :
Design Suisse austère ? Vu que je ne suis pas du milieu je ne saurai vous dire...

C'était une boutade Smiley biggrin

Je faisais référence au style typographique international, qui a produit des polices de caractères au dessin austère mais merveilleusement lisibles et universellement utilisées en signalétique (Helvetica et ses clones : Arial, Univers, etc.)

Je suis pour le maintien du noir : c'est un rappel des caractéristiques des produits. A part ça, je trouve le design clair, lisible.

Pour les éléments de la barre de menu, je ne ferais pas seulement changer la couleur du texte au survol, mais aussi celle de leur arrière-plan.

Pour les images, je les entourerais d'une bordure pour éviter qu'elles se fondent dans un arrière plan de couleur semblable (cas du bas de ton image "Automobile").

Côté contenu :

a écrit :
Plus de 20 ans à votre service !

Je mettrais plutôt un titre faisant référence au caractère novateur des produits.

a écrit :
Stop-soleil vous propose toutes sortes de films pour vitrages.

Là, je détaillerais un peu les produits et leurs fonctions.

Rien d'autre pour le moment.

Bonne continuation.
Fais sauter la meta keywords. Useless dans ce contexte. Pareil pour les balises section et article, qui sont utilisées comme des div.. Peut-être penser à un footer ? Balise h1 mal utilisée, aussi. Voilà pour moi.
thierry a écrit :
marc.suisse
Design Suisse austère ? Vu que je ne suis pas du milieu je ne saurai vous dire...

C'était une boutade Smiley biggrin

Je faisais référence au style typographique international, qui a produit des polices de caractères au dessin austère mais merveilleusement lisibles et universellement utilisées en signalétique (Helvetica et ses clones : Arial, Univers, etc.)

Je suis pour le maintien du noir : c'est un rappel des caractéristiques des produits. A part ça, je trouve le design clair, lisible.

Pour les éléments de la barre de menu, je ne ferais pas seulement changer la couleur du texte au survol, mais aussi celle de leur arrière-plan.

Pour les images, je les entourerais d'une bordure pour éviter qu'elles se fondent dans un arrière plan de couleur semblable (cas du bas de ton image "Automobile").

Côté contenu :

a écrit :
Plus de 20 ans à votre service !

Je mettrais plutôt un titre faisant référence au caractère novateur des produits.

a écrit :
Stop-soleil vous propose toutes sortes de films pour vitrages.

Là, je détaillerais un peu les produits et leurs fonctions.

Rien d'autre pour le moment.

Bonne continuation.

Salut Thierry Smiley cligne

Je ne connaissais pas ce "style" suisse, mais comme on dit, on se couche chaque soirs moins bête Smiley lol

Merci de me confirmer que je suis dans la bonne direction au niveau du design.

Alors pour le hover avec le fond qui change de couleur, figures toi que j'y ai pensé, mais le problème étant que je ne sais pas comment faire... En attendant d'y réfléchir, j'ai laissé avec le texte qui change de couleur.

Voilà une maquette montrant ce que je voulais faire :

http://i73.servimg.com/u/f73/11/06/60/26/esquis10.jpg

Je vais regarder quelle couleur utiliser pour l'entourage des photos.

En ce qui concerne les textes, en fait pour l'instant je ne me suis pas tellement préoccuper de ça pour l'instant, c'était surtout pour remplir l'espace libre.

Merci en tout cas encore infiniment pour ton analyse et tes conseils Smiley cligne

Knozelfhoegtj =>

Pour la balise Méta, comme il semblerait que son utilité et non inutilité ne sont pas prouvées, http://www.alsacreations.com/article/lire/628-balises-meta.html, je me permets de les conserver, on ne sait jamais.

En ce qui concerne section et article, je pensais peut être à tort utiliser l'HTML 5, mais bon l'usage de ces derniers n'est pas encore très clair pour moi, je vais regarder.

Pour la balise H1, pourrais-tu stp préciser ?

Encore merci beaucoup Smiley lol
marc.suisse
a écrit :
Alors pour le hover avec le fond qui change de couleur, figures toi que j'y ai pensé, mais le problème étant que je ne sais pas comment faire

Comme ça ?

ul.principal li a
{
background-color: black;
}

ul.principal li a:hover
{
background-color: grey;
}

.. et supprimer le background-color sur le nav.menu_principal.

Knozelfhoegtj
a écrit :
Balise h1 mal utilisée

Je crois pouvoir te donner une réponse. Il y a deux écoles concernant l'emploi de la balise h1. Pour certains, il ne peut y avoir qu'une balise h1 par page, pour le titre de l'article ; pour d'autres, il peut y en avoir plusieurs (un h1 par section, par exemple).

La première thèse est difficilement soutenable. Pour des documents HTML comportant une titraille importante (mémoire, thèse), les six niveaux de titres du HTML peuvent être nécessaires.

Bonne continuation.
Modifié par thierry (05 Apr 2013 - 16:02)
Salut, tu vas bien ? Smiley cligne

a écrit :
Comme ça ?


Oui, peut-être que je cherchais trop compliqué...

Je vais essayer Smiley lol

Pour le h1, j'avoue que je trouve logique qu'il y ai plusieurs occurrences de ce dernier si le contexte de la page l'exige.

Mais j'ai encore un peu de peine dans la hiérarchie des titres entre un document en HTML5 et un autre dans un autre doctype...

Il faut que je me documente...

Encore merci à toi et excellent week-end !

Marc
Bonjour,

Petite question est-ce normal que ton 1er site contienne toujours des bugs et erreurs ?
Si ce n'est pas le cas je te conseillerais de les corriger avant d'entamé un autre site.
Sinon tes sites son assez correcte Smiley smile .
Rebonjour,

Dans "Notre entrerpise" et dans "ils nous font confiances" c'est la même image de plus qui pointe vers "index.html" hors ton site est en php donc ça tombe sur la 404 qui n'existe pas elle aussi.

De plus dans la première image tu gagnerai en interactivité si tu mettais un effet au clique sur ton "bouton", tout simple tu fais un effet "appuyé" en retirant le bord gris plus foncé.
propriété :active.

Je trouve que le text dans la petite banderole des images (ruban orange) pourrait être améliorée, pour le moment le numéro de téléphone est aligné à gauche, deux choix s'offre à toi :

Tu centre le numéro de téléphone.
Ou bien tu augmente l'espacement entre les chiffres. (via le panel dans ton éditeur d'image)

Je pense que ton texte pourrait aussi être mieux agencé.

Avenue du
Vieux-Moulin 14
1018 Lausane

14 Avenue du
Vieux - Moulin
1018 Lausane

Celà rendra moins "texte en pyramide".
Que tu centre également par rapport au ruban.

Apres toute les pages du sous menu son mise sur la droite avec à gauche du vide, cependant dans "accueil" tu à mis un(e) polaroid pour remplir ce "blanc".

"Ouverture des portes automatiques" message "toujours en construction...

Et pour finir pas de ® dans le footer et le plus grave il n'y a pas de mentions légales, en France et en Belgique c'est "illégale" me semble t'il pour les sociétés qui font comerce.

Bon "débugage" Smiley lol !
Modifié par Nyco (21 Apr 2013 - 18:06)