Bonjour à tous,

J'aurais aimé avoir votre avis sur un de mes sites : http://www.domainedebeauregard.ch/

Il fonctionne avec un CMS maison écrit en PHP.

Le design est minimaliste mais il date de 2006 et je n'ai pas vraiment d'idées d'amélioration.

Merci d'avance pour vos remarques
Modifié par jspa (16 Apr 2009 - 15:16)
Bonjour,

AMHA, le code suivant est à supprimer d'urgence si tu souhaites que les membres puissent analyser ton site Smiley cligne :

<meta http-equiv="refresh" content="3;url=index-1.html"/>
Youps ...

J'ai supprimé un message d'accueil avant-hier et je n'ai pas vu que j'avais oublié ça ... (Vive les includes en php Smiley fache

C'est réglé et encore désolé
Bonjour,
pour le moment il te manque une identité visuelle et c'est ce qui fait le plus défaut à ce site dont le "design" devrait être revu dans son intégralité.
Dans l'idéal il faudrait qu'il y ait une cohérence identitaire/graphique entre les étiquettes de vins que vous produisez et le design ce site.

Il te faut essayer de traduire visuellement ce qui caractérise le domaine De Beauregard et plus généralement le vignoble.
S'agissant des couleurs, tu peux par exemple t'inspirer de celles présentes sur le logo (couleurs terroir) ou majoritairement présentes dans le domaine.
Le gris est trop neutre (sans saveur) pour un site de terroir Smiley cligne

Même chose pour la typo, un bâton BD (Comic sans) n'est pas du tout adaptée. Pour les titres tu pourrais t'inspirer par exemple de la typo anglaise/gastronomique présente sur l'étiquette de vos bouteilles de vins.
Quant au texte courant un typo sans serif (sans empattement comme la Verdana) classique ou une typo serif (Georgia...) selon qu'elle s'accorde bien esthétiquement à la typo du titre et selon tes intentions (ce que tu veux véhiculer à travers la typo).

Le centrage de ces textes ne se justifie pas (sauf expression solennelle), et dans le cas de textes long/suivis, cela nuit au confort de lecture. D'autre part tu dois limiter la longueur de tes lignes (40 à 80 caractères par ligne) toujours pour la confort de lecture.

L'idée des feuilles de vigne du menu n'est pas inintéressante mais la présence des bouteilles de vin alourdit inutilement l'ensemble et ne se justifie pas esthétiquement.
Penser à mettre en surbrillance la rubrique active au niveau du menu.
Modifié par Hermann (16 Apr 2009 - 20:02)
Hello,

Même chose pour le texte centré qui gêne le confort de lecture et n'a pas de "sens".
Même chose pour les bouteilles dans le menu ; la feuille suffit. Ou alors, ne pas alterner le côté de la bouteille (ou alors pour le lien en cours ?)

Mes styles sont du genre minimalistes et mon côté artiste est bien caché mais j'avoue que ton site fait "nu" et laissé en plan.
Il me semble que le haut, le centre et le bas de page pourraient être plus séparés ; là, ça fait un peu en vrac et modifier cela devrait "égayer" le site.
Je suis assez branché gris mais là, ça ne colle pas ; d'autant qu'il n'y a qu'une couleur sans nuance.

Edit : vu une faute dans "commander" --> "Veuillez me livreR" (et pas "livrez")
Modifié par dieteticien (17 Apr 2009 - 00:34)
a écrit :
Vendredÿ c'est permis: Ban Comic sans

Smiley lol Excellent! C'est une typo qui a l'air encore plus présentes aux US Smiley eek
Je me demande bien ce qu'on lui trouve...
Modifié par Hermann (17 Apr 2009 - 13:12)
Ok, merci beaucoup pour vos remarques.

Pour Comic sans ms, j'ai un peu testé et finalement j'ai choisi Trébuchet. Par contre, j'ai une question, pour la typo "anglaise" quel police utiliser ?

Les bouteilles dans le menu ont été supprimées. Je pense en utiliser juste une pour indiquer dans quelle page on est (Bientôt)

Quand au design je vais "re-créer" quelque chose en utilisant les couleurs de logo. J'ai déjà commencé. Vous pouvez voir la nouvelle version (en cours de dév) http://domainedebeauregard.ch/?new=trueici Smiley url . Les liens ne pouvant pas être édités sans modifier la navigation des utilisateurs classiques, seule la page d'accueil est dispo.
Modifié par jspa (17 Apr 2009 - 14:59)
Yo,

Et en inversant les couleurs foncées entre elles, tu ne trouves pas ça mieux ?
(en mettant le #181A12 à la place du #2C2F22 et inversement).

Sinon, le nouveau menu connait un décalage et l'effet du hover ne fonctionne plus.

Perso, je préfère grandement ; ça structure déjà (sauf la bordure gauche en vert caca d'oie)

++
Modifié par dieteticien (17 Apr 2009 - 15:26)
Oui c'est en cours de réalisation...

Mais là j'abandonne un moment car :

1) Je n'arrive pas du tout à positionner comme il faut le header, le footer, et le menu.

2) Je trouve les couleurs moches et pas harmonisées (Je suis définitivement nul en design)
Conseils d'un nul en code et d'un pitoyable en design :
- tu laisses tomber un moment ... pour que ça décante comme le vin Smiley lol
- tu regardes les harmonies de couleurs sur des sites spécialisés en le domaine.
- tu ne fais pas tes tests trop tard dans la nuit, c'est source d'erreurs Smiley cligne
- surtout, tu acceptes ton bas niveau, ne cherches pas à vouloir copier les pros et n'espère pas devenir un artiste (sans pour autant ne pas vouloir/espérer progresser Smiley cligne ).
jspa a écrit :

Pour Comic sans ms, j'ai un peu testé et finalement j'ai choisi Trébuchet. Par contre, j'ai une question, pour la typo "anglaise" quel police utiliser ?

Tu as le Copperplate mais elle est payante. Tu peux en trouver d'un qualité passable
dans la liste des polices d'inspiration Calligraphique de dafont: http://www.dafont.com/fr/theme.php?cat=601&page=2 (Renaissance...)
Mais attention la bonne composition (emplacement dans la page et par rapport aux éléments graphique voisin) de ce type de typo n'est pas chose aisé. A ton niveau il serait peut-être préférable de te tourner vers une Georgia pour les titres.

jspa a écrit :

Quand au design je vais "re-créer" quelque chose en utilisant les couleurs de logo. J'ai déjà commencé. Vous pouvez voir la nouvelle version (en cours de dév) http://domainedebeauregard.ch/?new=trueici Smiley url . Les liens ne pouvant pas être édités sans modifier la navigation des utilisateurs classiques, seule la page d'accueil est dispo.

C'est mieux mais un peu lourd visuellement et le texte manque de contraste avec son fond. Je te conseillerais d'utiliser un fond blanc au moins au niveau du header pour que le logo soit placé sur fond perdu et non encadré comme c'est le cas actuellement.
Modifié par Hermann (17 Apr 2009 - 20:05)
dieteticien a écrit :
- tu regardes les harmonies de couleurs sur des sites spécialisés en le domaine.
- tu ne fais pas tes tests trop tard dans la nuit, c'est source d'erreurs Smiley cligne
- surtout, tu acceptes ton bas niveau, ne cherches pas à vouloir copier les pros et n'espère pas devenir un artiste (sans pour autant ne pas vouloir/espérer progresser Smiley cligne ).


- Je vais éssayer mais il n'y en pas beaucoup qui me plaisent...
- 16 h c'est déjà tard pour moi ... Je commence à 2h du matin Smiley langue
- Oui en design je suis un grosse merde par contre j'assure dans le php par exemple.

Hermann a écrit :

Tu as le Copperplate mais elle est payante. Tu peux en trouver d'un qualité passable
dans la liste des polices d'inspiration Calligraphique de dafont: http://www.dafont.com/fr/theme.php?cat=601&page=2 (Renaissance...)
Mais attention la bonne composition (emplacement dans la page et par rapport aux éléments graphique voisin) de ce type de typo n'est pas chose aisé. A ton niveau il serait peut-être préférable de te tourner vers une Georgia pour les titres.


C'est mieux mais un peu lourd visuellement et le texte manque de contraste avec son fond. Je te conseillerais d'utiliser un fond blanc au moins au niveau du header pour que le logo soit placé sur fond perdu et non encadré comme c'est le cas actuellement.


Pour les polices, comment faire pour l'utiliser avec tous les utilisateurs car j'ai cru comprendre que le font-import en css n'était pas bien supporté ?

Pour les couleurs, je verrais demain car là je m'en vais .